/*reset */
html { color: #111; background: #fff }
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit }
del, ins { text-decoration: none }
ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: baseline }
sub { vertical-align: baseline }
legend { color: #000 }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, button, textarea, select { *font-size: 100% }

/* clear both */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1; display: inline-block; _height: 1px }
*html .clearfix { height: 1% }
*+html .clearfix { height: 1% }
.clearfix { display: block }

/* for webkit */
textarea { resize: none }
input[type=text]:focus,
input[type=password]:focus,
textarea:focus { outline: 0 }

/* outer frame */
body { font: 12px Tahoma, Geneva, sans-serif; margin: 15px 0 }
#wrapper { width: 950px; margin: 0 auto }
#header { }
#content { min-height: 420px  }
#footer { color: #999; padding-top: 6px; margin-top: 40px; overflow: auto; zoom: 1; border-top: 1px dashed #ddd }
/* grid */
/*.grid-17-7 .article { float: left; width: 630px; padding-right: 40px  }*/
/*.grid-17-7 .aside { float: right; width: 270px }*/
.grid-16-8 .article { float: left; width: 590px; padding-right: 40px }
.grid-16-8 .aside { float: right; width: 310px }
.grid-4-14-6 .nav { float: left; width: 150px; margin-right: 10px }
.grid-4-14-6 .article { float: left; width: 540px; padding-right: 10px }
.grid-4-14-6 .aside { float: right; width: 230px }

/* form */
fieldset { border: 1px solid #ddd; padding: 0 10px; margin-bottom: 15px }
fieldset legend { color: #666; padding: 0 5px }
input { margin-right: 3px; vertical-align: middle  }
label { font-family: Tahoma; vertical-align: middle }

/* links */
#footer .gray-link a:link,
#footer .gray-link a:visited,
#footer .gray-link a:active { color: #999; background: none }
#footer .gray-link a:hover { color: #fff; background: #999 }
#footer .blue-link a:link,
#footer .blue-link a:visited,
#footer .blue-link a:active { color: #369; background: none }
#footer .blue-link a:hover { color: #fff; background: #039 }
a.processing:link,
a.processing:visited { color:#666; }
a.processing:hover,
a.processing:active { background-color:#666;color:#fff;}

/* footer */
.col-3 { clear: both; margin-bottom: 15px }
.col-3 li { float: left; width: 330px; margin-bottom: 5px }
.col-3 li.first { width: 290px }
.col-3 li.last { width: 320px  }
.col-3 li a:link,
.col-4 li a:link,
.col-3 li a:visited,
.col-4 li a:visited,
.col-3 li a:active,
.col-4 li a:active { color: #999; background: none }
.col-3 li a:hover,
.col-4 li a:hover { color: #fff; background: #999 }
.col-4 { clear: both; margin-bottom: 15px }
.col-4 li { float: left; display: inline; margin: 0 44px 5px 0 }

.extra { clear: both; text-align: right }

/* ond style */
#maxw{ margin: 0 auto; padding:8px 15px;  background: #FFF;  width: 964px; overflow:hidden}
.ellipsis {-o-text-overflow:ellipsis;text-overflow: ellipsis;-moz-binding: url('ellipsis.xml#ellipsis');overflow:hidden;}
form { margin:0;padding: 0; border: 0px; }
fieldset.site {border:none;padding:0;margin:0}
fieldset.site legend {display:none}
fieldset.site label {width:120px;font-size:14px;float:left;overflow:hidden}
.fsct {margin-bottom:5px}
.fsctm {margin-left:130px;}
input.other,.detail input.other {border:none;padding:0;}

ol {padding:0 0 0 20px;}
textarea{ font-family: Arial; overflow:auto; }
input{font-size:12px;}
a{cursor:pointer}
a:link { color: #336699; text-decoration: none; }
a:visited { color: #666699; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; background: #003399; }
a:active { color: #FFFFFF; text-decoration: none; background: #FF9933; }
a img { border-width:0; }
body,td,th { font: 12px Arial, Helvetica, sans-serif; line-height: 162%; }
table { border-collapse:collapse; border: none; padding: 0; margin: 0; }
h1 { word-wrap: break-word; display: block; font-size: 25px; font-weight: bold; color: #494949; margin:0; padding: 0 0 15px 0;line-height:1.1; }
h1 .year { color: #888 }
/*h2 { font: 14px Arial, Helvetica, sans-serif; color: #006600; margin-bottom: 5px; line-height: 150%; }*/
h3 { height:26px;margin-left:4px;font: 14px Arial, Helvetica, sans-serif;color: #666666;margin-bottom: 1px;line-height: 150%; background:url(/pics/topicbar.gif) no-repeat right top}
h3 img{margin:1px 1px 0 0;}
ul { list-style-type: none; margin: 0; padding: 0; }
h4 {height:26px; margin:0 0 10px 4px; overflow: hidden; font: 12px Arial, Helvetica, sans-serif; color: #666; line-height: 1.8em; background: url(/pics/topicbar.gif) no-repeat right top;}
h2 { font: 14px Arial, Helvetica, sans-serif; color: #060; margin:0 0 12px 0; line-height: 150%; }
.wrap { background: url(/pics/topicbar.gif) no-repeat; display: block }
.wrap h3 { margin-top: 20px }
.obssin {width:100%;}
.sline{border-bottom:1px solid #a8a8a8;}
#header{ background:url(/pics/headnavbot.gif) no-repeat scroll left 33px; margin:7px 0}
#header img.logo{float:left;margin-top:-3px;}
#page_focus{border: 1px solid #ccc; margin:0 10px 0 0;height:16px;width:171px;padding:2px 0 0 2px}
#page_focus:focus{border: 1px solid #686868;}

#nav {padding-top:3px;}
#nav a{float:left; display:block; text-decoration: none; color:#368332; font-size:14px; margin:2px 5px 0 5px; padding: 8px 4px 7px 4px; line-height:14px; }
#nav a:hover{ background-color:transparent; text-decoration:underline; }
#nav a.now { font-size:14px; margin:2px 5px 0 5px;float:left; display:block; background:url(/pics/headnavback.gif) no-repeat scroll right top #eef9eb; padding:0 10px 0 0; color:black;}
#nav a.now span { background: transparent url(/pics/headnavback.gif) no-repeat; display: block; padding: 8px 1px 7px 11px; }
#nav .nine_nav:hover,#nav .nine_nav{color:#F92D09;margin-left:25px;}

#searbar {margin-top:5px; *margin-bottom:-5px;}
#searbar span{margin:0; height:14.8px; display:block; line-height:14.8px; float:right; position:relative;}
#searbar span.submit {width:44px;height:20px;background:url(/pics/search.gif) no-repeat; padding:2px 7px 0 0;*padding-top:3px; text-align:right;}
#searbar span.submit a{letter-spacing:4px;}
#searbar a.arrow:hover{background:none;}

#dsearch, #tongcheng_tab_block{ padding:5px 0;display:none; position:absolute; text-align:center;width:69px; background:#fff; border:1px solid #c0c0c0; top:19px; left:-51px;z-index:100}
#tongcheng_tab_block{left:5px;top:18px;}
#dsearch a{ display:block;padding:3px; text-decoration: none;}
#dsearch a:hover, #tongcheng_tab_block a:hover{color:white;background:#336699;text-decoration:underline;}
#tongcheng_tab_block a{margin:0;float:none;display:block;padding:5px}

#searbar .up{display:none;vertical-align:top;}
#searbar .down{display:inline;vertical-align:top;}

#status{ background:url(/pics/headnavbot.gif) no-repeat scroll left bottom #eef9eb; text-align:right;padding:5px 10px 4px 10px; }
#status a{text-decoration: none;margin:2px 1px 3px 7px;letter-spacing:0.3px;color:#336699;}
#status a:hover{color:white;}
#status{ *padding:2px 10px 4px 10px;}

#subnav{ float:left; padding:0 5px 3px 2px;width:65%;text-align:center;}
#subnav a{text-decoration: none;letter-spacing:1px; margin:0 8px; color:#336699;}
#subnav a:hover{color:white;}

.ll{float:left}
.rr{float: right;}
.trr{text-align:right;}

a.graybutt{overflow:hidden;background: transparent url(/pics/graybutt.gif) no-repeat scroll right top;color:#666666;display: block; height: 24px; padding-right: 7px;font: normal 12px sans-serif;margin-right: 5px;text-decoration: none;cursor:pointer}

a.graybutt input{*margin-top:-1px;padding: 0;line-height: 18px; background:none;color:#666; border:0;cursor:pointer; *width:auto; _width:0; *overflow:visible;}
a.graybutt span {background: transparent url(/pics/graybutt.gif) no-repeat;display: block;padding: 4px 1px 3px 8px;line-height: 18px; *padding-top:5px;}
a.graybutt:visited {color:#ff7676;text-decoration: none;}
a.graybutt:hover {background: transparent url(/pics/graybutt.gif) no-repeat right -24px;color:white;}
a.graybutt:hover span, a.graybutt:hover input {background-position: left -24px;color:white}
a.redbutt {overflow:hidden;background: transparent url(/pics/redbutt.gif) no-repeat scroll right top;color:#ff7676; height: 24px; padding-right: 7px;font: normal 12px sans-serif;margin:0 5px 0 0;text-decoration: none;display:inline-block;*display:inline;zoom:1;cursor:pointer}
a.redbutt span{background: transparent url(/pics/redbutt.gif) no-repeat;display: block;padding: 4px 1px 4px 8px;line-height: 18px;color:#ff7676}
html*a.redbutt span{[font-size:12px;padding-top:3px;]padding-top:4px}
a.redbutt input{*margin-top:-1px;padding: 0;line-height: 18px; background:none;color:#ff7676; border:0;cursor:pointer; *width:auto; _width:0; *overflow:visible;}
a.redbutt:visited {color:#ff7676;text-decoration: none;}
a.redbutt:hover {background: transparent url(/pics/redbutt.gif) no-repeat right -24px;color:white;}
a.redbutt:hover span, a.redbutt:hover input{background-position: left -24px;color:white}

a.colbutt{letter-spacing:3px;overflow:hidden;background: transparent url(/pics/collect_back2.png) no-repeat scroll right top;color:#000;display: block; height: 24px; padding-right: 7px;font: normal 12px sans-serif;margin-right: 10px;text-decoration: none;}
a.colbutt:hover {background:url(/pics/collect_back2.png) no-repeat right top;color:#000;}
a.colbutt span {background: transparent url(/pics/collect_back2.png) no-repeat;display: block;padding: 1px 1px 3px 11px;line-height: 22px;}
a.colbutt span em { font-style: normal; color: #111 }
a.colbutt:visited {color:#777;text-decoration: none;}

/*input.textarea,button*/
textarea {border:1px solid #ccc;padding:3px;font-size:14px}
.area_miniblog {width:304px;height:86px;padding:3px;border:1px solid #ccc;margin-bottom:5px}
#rec_url_text {width:240px;border:1px solid #ccc;}
.input_search {padding:2px;border:1px solid #ccc;margin-bottom:5px}
#tabler .input_search {width:290px}
.input_basic {border:1px solid #ccc;padding:2px;font-size:12px;}
.input_basic2 {border:1px solid #ccc;padding:3px;font-size:14px;}
#vote_btn input.vote_btn {background:url(/pics/icon/vote_48_18px.gif) no-repeat right top;border:0;width:48px;height:18px;cursor:pointer;margin-left:12px;}
#vote_btn_small input.vote_btn {background:url(/pics/icon/vote_30_15px.gif) no-repeat right top;border:0;width:30px;height:15px;cursor:pointer;margin-left:5px;}


.tc {text-align:center}


/* pic-text list */
.lst { width: 100%; padding: 5px 0px 5px 0px; }
.tlst { padding: 5px 0 15px 0; margin: 0 }
.clst{ padding: 0 0 0 105px;  float: none; overflow: hidden; word-wrap:break-word; }
.ilst{ width: 105px; display: block; float: left;  text-align: center; margin: -27px -105px 0 0; }
#review .ilst,.block1 .ilst {margin-top:-17px}
.nlst{ background:url(/pics/topicbar.gif) no-repeat; margin: 0 0 0 102px;}

.ctsh .nlst{ padding: 0 0 0 5px; margin:0 0 0 71px}
.ctsh .clst{ padding: 0 0 0 5px;width:98%;float: left!important;_float:none;overflow: hidden; word-wrap:break-word; }
.ctsh .ilst{ width: 85px;display: block;float: left;text-align: center;margin: -26px -85px 0 -6px;}

.xbar {float:right;background:url(/pics/zbar.gif) no-repeat;width:100%;margin-bottom:21px;}
.xbar div{float:right;background:url(/pics/zbar.gif) no-repeat right top; margin-left:5px;padding-right:35px;width:100%\9;}
.xbar a{float:right; display:block; text-decoration: none; margin:5px 5px 1px 5px; padding: 3px 5px 2px 5px; line-height:14px;}
.xbar a:hover{ color:white; }
.xbar span.now {margin:0 5px 0 5px;float:right; display:block; background:url(/pics/wztab.gif) no-repeat scroll right top; padding:0 10px 0 0; }
.xbar span.now span { background: transparent url(/pics/wztab.gif) no-repeat; display: block; padding: 6px 1px 5px 11px; }
.zbar {background:url(/pics/zbar.gif) no-repeat;margin-bottom:21px;}
.zbar div{float:left;background:url(/pics/zbar.gif) no-repeat right top; margin-left:5px;padding-left:67px;}
.zbar a{float:left; display:block; text-decoration: none; margin:5px 5px 1px 5px; padding: 3px 5px 2px 5px; line-height:14px;}
.zbar a:hover{ color:white; }
.zbar span.now {margin:0 5px 0 5px;float:left; display:block; background:url(/pics/wztab.gif) no-repeat scroll right top; padding:0 10px 0 0; }
.zbar span.now span { background: transparent url(/pics/wztab.gif) no-repeat; display: block; padding: 6px 1px 5px 11px; }

#sspform {text-align:center;padding:0 0 18px 0;vertical-align:middle;margin:0;}
*+html #ssform{padding-top:0}
#sspform .text{width:400px; border:1px solid #ddd;}

.infobox{width:100%; table-layout:fixed;margin-bottom:20px;}
.infobox h2{margin-top:0}
.infobox form{margin:0}
.tablelt{background:url(/pics/ibox.gif); height:3px; width:3px}
.tablect{background:url(/pics/tablev.gif); height:3px;}
.tablert{background:url(/pics/ibox.gif) right top; height:3px; width:3px}
.tablelc{background:url(/pics/tableh.gif); width:3px}
.tablecc{background:#fff6ee; padding:6px;margin-bottom:20px;}
.tablerc{background:url(/pics/tableh.gif) right; width:3px}
.tablelb{background:url(/pics/ibox.gif) 0px bottom; height:3px; width:3px}
.tablecb{background:url(/pics/tablev.gif) left bottom; height:3px; }
.tablerb{background:url(/pics/ibox.gif) right bottom; height:3px; width:3px}

.detail input{padding:3px;}
.detail a.redbutt{padding-right:4px; margin-right:2px;}

.gtleft{padding:4px 4px 0 0; float:left;}
.gtleft .pl2{line-height:1em;}
.gtright{padding:4px; float:right;}

#user h1 {padding:8px 0 7px 0}
#user img{float:left; padding:12px 12px 30px 0px}
.usernav{margin:0 0 20px -8px; }
.usernav a{letter-spacing:1px; padding:4px 8px 0 0;margin:4px 3px 4px 1px;border-top:1px dashed #ccc;}

.collect {padding: 5px 0 15px 0;margin: 0;float: left;width: 100%;}
.collect h3{padding-top:3px; font: 14px Arial, Helvetica, sans-serif;line-height:120%;background:url(/pics/topicbar.gif) no-repeat right top;margin:0 0 0 4px;}
.collect h3 a{color: #006600;}
.collect h3 a:hover{color: #fff;background: #006600;}

/* book reading notes list on subject page */
.reading-notes .bd h2 { margin: 0 }
.reading-notes ul li { margin: 10px 0 }
.reading-notes ul li .pic { float: left }
.reading-notes ul li .user { color: #666; margin: 0 0 12px 0 }
.reading-notes ul li .con { margin-left: 10px; width: 532px; border-bottom: 1px solid #ddd; float: left }
.reading-notes ul li .con .reading-note { overflow: hidden }
.reading-notes ul li .con h6 a { font-size: 14px }
.reading-notes ul li .con .no-comments { display: none }
.reading-notes ul li .con .col-rec-con { display: none; margin-bottom: 10px; overflow: hidden }
.reading-notes .ft p { text-align: right }
.reading-notes .rec-sec { float: right}
.reading-note .ll { padding: 0 10px 10px 0 }
.code-holder { color: #060 }

/* Note Format */
.rnotes pre { font:12px/162% Arial,Helvetica,sans-serif; white-space: pre-wrap; word-wrap: break-word }
pre.source { font:12px/162% Arial,Helvetica,sans-serif; white-space: pre-wrap; word-wrap: break-word }
pre.content { font:12px/162% Arial,Helvetica,sans-serif; white-space: pre-wrap; word-wrap: break-word }
blockquote { padding-left:2em;color:#404040;background:url(/pics/big_quotel.png) no-repeat 0 0; margin: 15px}
/*broadcast*/
.broadsmr{padding: 5px 24px; color:#999;}
.quote{overflow:hidden; padding:0 24px 5px 15px;margin:8px 0 0 26px; background:url(/pics/quotel.gif) no-repeat left 4px;width:auto;*zoom:1;word-wrap:break-word;}
.quote span.inq{display:inline;background:url(/pics/quoter.gif) no-repeat right bottom; color:#333; padding-right:15px;display:inline-block;word-break:break-all;}
.broadimg{border:1px solid #ddd;float:right;margin-left:14px;}
.blst{padding:0;margin:0}
.blst li{border-top:1px solid #ddd;padding:6px 0}


.hiddenlogin{margin:5px; display:none; clear:both; padding:5px;}
.hiddenlogin input{margin-right:20px}
.hiddenlogin input.text{width:130px;margin-right:10px}

.m { font-size: 14px; line-height: 120%; color: #006600; }
.m a, .m a:visited, a.m, a.m:visited { font-size: 14px; line-height: 120%; color: #006600; text-decoration: none; }
.m a:hover, a.m:hover { font-size: 14px; line-height: 120%; color: #fff; text-decoration: none; background: #006600; }
.m a:active, a.m:active { color: #fff; text-decoration: none; background: #FFAAFF; }
.pt { width:100%; padding: 0; margin: 0; }
.pl { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; }
.pl2 { font: 14px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; }
.l2 { font: 14px Arial, Helvetica, sans-serif; line-height: 150%;}
.hiddenerr { display:none; background-color: #FFF6EE; color: #ff1111; margin:0 2px;}
.alert { background-color: #FFF6EE; border: 1px solid #CCCCCC; }
.attn { color: #FF3300; }
.hidden { display: none; }
.clear{ clear: both; line-height:0; font-size:0; }
.greyinput{color:#ccc;}
.errnotnull{color:#ff0000;}
.indent{word-break:break-all;}

/*mid*/
#table{ float: left; margin: 0 -310px 0 0;  width:100%; }
#in_table{ margin: 0 310px 0 0; padding: 0 40px 0 0; min-height:500px;}
#tabler{ float: right; width: 310px;overflow:hidden; word-break:break-all;}

/*small*/
#tablem{ float: left; margin: 0 -270px 0 0;  width:100%; }
#in_tablem{ margin: 0 270px 50px 0; padding: 0 40px 0 0;}
#tablerm{ float: right; width: 270px; overflow:hidden; word-break:break-all;}

/*ssmall*/
#tables{ float: left; margin: 0 -240px 0 0;  width:100%; }
#in_tables{ margin: 0 240px 0 0; padding: 0 40px 0 0; min-height:500px;}
#tablers{ float: right; width: 240px;overflow:hidden; word-break:break-all;}

#tablerb .indent, #tabler .indent, #tablerm .indent { margin-bottom: 40px; overflow:hidden;}

/* 09/06/21 temp for Refactoring XHTML&CSS Stage1 */
.aside .indent { margin-bottom: 40px }

/*broadcast items*/
.notify input {margin-top:9px}
.mbt{ padding: 0; margin: 0; clear: both; }
.mbt tr{  vertical-align: top; }
.mbtl { float: left; width: 55px; margin: 8px 7px 0 0; padding: 0; }
.mbtr { border-bottom:1px solid #eee; padding: 5px 0;  min-height: 55px;  overflow: hidden;margin:5px 0 5px 0; }
 .mbtr2 {margin-bottom:20px;overflow: hidden;}
ul .mbtr2 { border-bottom:1px solid #ddd; }
{ border-bottom:1px solid #ddd; min-height: 55px;  overflow: hidden;}
.mbtrdot {padding: 4px 0;  min-height: 55px;  overflow: hidden;}
.mbtrmini{border-bottom:1px dashed #ddd; padding: 4px 0 4px 12px;background:url(/pics/listdot.gif) 0 8px no-repeat;}
* html .mbtr{ word-break:break-all; height: 55px; overflow: visible; }
* html .mbtrdot{  word-wrap: break-word;word-break:break-all; height: 55px; overflow: visible; }
* html .mbtrmini{ word-break:break-all; overflow: visible; }
.mbdiv { padding-top: 10px 0 6px 0; border-top:1px dashed #DDDDDD; }

/*footer*/
.fdiv { text-align: right; padding-top: 5px; margin-top: 40px; clear: both; color:#999; }
.fdiv .ul {margin-bottom: 5px; padding-top: 5px}
.fspl{ float: left;}

/*indent js-added text*/
.indentb{ padding:0 18px; }

/* floating image on the left */
.fil { float: left; display: inline; padding-right: 15px; padding-bottom: 15px; }

/* more attr of subject, should use trr*/
.obmor{ text-align: right; }
.obmo{ line-height: 180%; }

/*old action bar , remove me */
.act { color: #FF5555; text-decoration: none; font-size: 12px; text-align: center; border-right: 1px solid #FFAAAA; border-bottom: 1px solid #FFAAAA; background-color: #FFDDDD; padding: 3px 3px 2px 3px; cursor:pointer; }
.act:hover { color: #FFFFFF; font-size: 12px; background-color: #FF5555; border-right: 1px solid #FF3333; border-bottom: 1px solid #FF3333; padding: 3px 3px 2px 3px; cursor:pointer; }
.act a:link { text-decoration: none; color: #FF5555; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; }
.act a:visited { text-decoration: none; color: #FF5555; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; }
.act a:hover { color: #FFFFFF; font-size: 12px; background-color: #FF5555; border-style: none; padding: 3px 3px 2px 3px; }
/* (selected) tag */
.ract { border: 2px solid #FFFFFF; padding: 0px; cursor:pointer; float:left; }
.ract a:link{ border: 2px solid #FFFFFF; padding: 0px; cursor:pointer; float:left; }
.ract a:visited{ border: 2px solid #FFFFFF; padding: 0px; cursor:pointer; float:left; }
.ract a:hover{ text-decoration: none; font-size: 12px; text-align: center; border-right: 1px solid #FF7777; border-bottom: 1px solid #FF7777; background-color: #FFCCCC; border-top: 1px solid #FFCCCC; border-left: 1px solid #FFCCCC; padding: 1px; cursor:pointer; float:left; }
/* (unselected) tag */
.gact { color: #BBBBBB; font-size: 12px; text-align: center; cursor:pointer; }
.gact a:link, a.gact:link { color: #BBBBBB; font-size: 12px; text-decoration: none; text-align: center; }
.gact a:visited, a.gact:visited { color: #BBBBBB; font-size: 12px; text-decoration: none; text-align: center; }
.gact a:hover, a.gact:hover { color: #FFFFFF; font-size: 12px; border-left: 1px solid #FF9999; border-top: 1px solid #FF9999; border-right: 1px solid #FF3333; border-bottom: 1px solid #FF3333; background-color: #773333; text-align: center; }
.infobox a.gact:link,
.infobox a.gact:visited,
.infobox .gact a:link,
.infobox .gact a:visited {border-color:#fff6ee;}
.infobox a.gact:hover,
.infobox .gact a:hover {border-color:#f99 #f33 #f33 #f99;}


/* underline */
.ul { border-bottom: 1px dashed #DDDDDD; line-height: 100%; clear: both; }
#tablerm .indent p.ul {margin:0;padding:5px 0}

/* marks */
.st{ width: 100%; }
.rbar { color: #DDDDDD;  font: 11px Arial, Helvetica, sans-serif; }

/*subject selling info */
.bs{ margin: 0px; padding: 0px; }
.bs .add2cartTip { line-height: 28px; vertical-align: bottom }
.bs .add2cart span em { padding-left: 25px; background:url('/pics/icon/add2cart.gif') no-repeat left center }
.bs li{ border-bottom: 1px dashed #ddd; margin:0; padding:4px 0;}

/*subject list*/
.obs{ margin: 0 0 10px 0; float: left; text-align: center; overflow: hidden; width: 103px }
.obs_oneline{margin:0}
.obs dt{ height: 114px; width: 103px; overflow: hidden; }
.obs dd{ margin: 0; height: 60px; overflow: hidden; }
.obs_oneline dt{height:100px;}
.related_info h2{margin-top:24px;margin-bottom:3px;}
.after_h1{margin-top:-24px;}

/*user list*/
.obu{ margin: 0 0 10px 0; width: 76px; float: left; display: inline }
.obu dt{ margin: 0; height: 50px; overflow: hidden; text-align: center; line-height: 16px }
.obu dd{ margin: 0px; height: 55px; text-align: center; overflow: hidden; }

/*group list*/
.ob{ margin: 0 0 5px 0; float: left; width: 76px; text-align: center; }
.ob dt{ margin: 0; overflow: hidden; text-align: center; height: 50px; }
.ob dd{ margin: 0; height: 40px; text-align: center; overflow: hidden; }
.ob span{ white-space: nowrap; }

.cloud1 a{ font: 12px Arial, Helvetica, sans-serif;  line-height:24px; }
.cloud2 a{ font: 14px bold Arial, Helvetica, sans-serif;  line-height:24px; }
.cloud3 a{ font: 18px Arial, Helvetica, sans-serif;  line-height:24px; }
.cloud4 a{ font: 21px bold Arial, Helvetica, sans-serif;  line-height:24px; }


input.readonly, textarea.readonly { background: #F8F8F8; color: #888888; }

/* simple list*/
.aob{ float:left; width: 105px; height: 105px; display:block; text-align: center; overflow: hidden; margin:3px 0}
.aob2{ float:left; margin-right:25px; display:block; text-align:left; overflow: hidden; margin:0 25px 30px 0;}

/* green and grey TAGs */
.gract { color: #006600; text-decoration: none; font-size: 12px; text-align: center; border-right: 1px solid #AAFFAA; border-bottom: 1px solid #AAFFAA; background-color: #EEFFEE; padding: 3px 3px 2px 3px; margin-top: 2px; cursor:pointer; white-space:nowrap; }
.gract:hover { color: #FFFFFF; font-size: 12px; border-right: 1px solid #33FF33; border-bottom: 1px solid #33FF33; background-color: #55FF55; padding: 3px 3px 2px 3px; margin-top: 2px; }
.gract a:link { text-decoration: none; color: #006600; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; margin-top: 2px; }
.gract a:visited { text-decoration: none; color: #006600; font-size: 12px; text-align: center; padding: 3px 3px 2px 3px; margin-top: 2px; }
.gract a:hover { color: #006600; font-size: 12px; border-left: 1px solid #99FF99; border-top: 1px solid #99FF99; border-right: 1px solid #33FF33; border-bottom: 1px solid #33FF33; background-color: #55FF55; padding: 3px 3px 2px 3px; margin-top: 2px; }
.rdact { color: #BBBBBB; text-decoration: none; font-size: 12px; text-align: center; border-right: 1px solid #AAFFAA; border-bottom: 1px solid #AAFFAA; background-color: #EEFFEE; padding: 3px 3px 2px 3px; margin-top: 2px; cursor:pointer; }

/*blog entry bottom*/
.plr { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; float:right; }
.pllb { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; float:left; display: block; }

/* Paginator */
.paginator { font: 14px Arial, Helvetica, sans-serif; color: #aaa; margin: 20px 0; line-height: 150%; text-align: center; }
.paginator a, .thispage, .break { padding: 0px 4px;margin:2px; }
.paginator .prev { margin-right: 20px; }
.paginator .next { margin-left: 20px; }
.paginator .next a,.paginator .prev a {padding:0;margin:0}
.paginator .count { margin-left: 20px; font-size: 14px; }
.paginator .thispage {color:#fff;background:#83BF73;}
.paginator .break {color:#999}
.paginator .thispage {color:#fff;background:#83BF73;}
.paginator .break {color:#999}

/* one-line list table (forum of subject)*/
.olt{ width:100%; padding:0; margin-bottom:3px;}
.olt td{ border-bottom:1px dashed #DDDDDD; padding:3px 3px 3px 0;}
.olt td.date{ width:75px; text-align:center; color:#999;padding-right:0;}
.olt td.time{ width:110px;color:#999;padding-right:0;text-align:right}

/* single post */
.wr{ table-layout:fixed; word-wrap: break-word; width: 100%; overflow:hidden;}
.wrtd{ width: 48px; vertical-align: top; }
.txd textarea{ width: 90%; }

/* music list */
.olts{ padding: 0; border-collapse: collapse; width: 100% }
.olts td{ padding-top: 3px; border-bottom: 1px dashed #ddd }

/* review */
.pil { height: 48px; width: 48px; }
.piil { float: left; margin: 0 -65px 0 0; }
.piir { float: right; margin: 0 0 0 65px; overflow:hidden; width:88.5%; }

.obss{ width:100%;}

/* other reviews */
.pltr { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; color: #666666; text-align: right; }

/* green time on review */
.mn { font: 14px Arial, Helvetica, sans-serif; line-height: 150%; color: #006600; }

/* group */
.wrc{ word-wrap: break-word; overflow:hidden; margin-top: 0; }
.namel dd{ width:60px; }
.namel .obu dt input { vertical-align:text-top; }
.groupicon{padding-right:10px}

/* Opera doesn't support <wbr>, here is the workaround */
wbr:after { content: "\00200B" }

/*I go pics*/
.fil15 {float: left;}
.fil15 img{padding-right: 15px;padding-bottom: 15px;}

/*groups*/
.dir{padding: 12px 0pt 0pt 12px;vertical-align: top;}
.dirsp{margin-bottom: 10px;}
.dirsp span{font-size: 14px;}
.imgg { float: left; margin-left: 5px; }

/*subject status*/
.substatus{height:100px; line-height:100px; width:24px; float:left; display:block;font-size:12px; color:#acacac;}

#comments{width:100%; word-wrap: break-word; overflow:hidden;padding: 20px 0 0;}
#divac{clear:both;}

/*new subject*/
.actbtns a{margin:0 12px 0 0;}
.actbtns a:hover{background:none;}
/*#mainpic{padding:0 12px 15px 0; margin:3px 0 0 0; float:left;text-align:center;}*/
.subject{float:left; width:415px;}
#mainpic{margin:3px 0 0 0; float:left;text-align:center; margin: 3px 12px 0 0; max-width: 155px; overflow: hidden }
#mainpic a img { margin-bottom: 10px }
* html #mainpic{left:-7px;}
#info{float:left; max-width:248px; word-wrap: break-word;}
#interest_sect{ overflow:hidden; word-wrap: break-word; }
#interest_sectl{ float: left; width: 155px; margin:0 0 0 20px;}
.starstop{float:left;background:url(/pics/all_star.gif); display:block;width:50px;height:14px;margin:1px 0 0 7px;}
.sub_ins .starstop{float:none;width:50px;display:inline;position:absolute}
.stars{display:-moz-inline-block;display:inline-block;background:url(/pics/stars.gif);width:50px;height:14px;margin:1px 0 0 7px;}
.stars4{background-position:left 61px}
.stars3{background-position:left 45px}
.stars2{background-position:left 30px}
.stars1{background-position:left 15px}
.power{height:14px; background:#ddd;float:left;margin:0 3px}
.marks{margin:10px 0 0 -7px; line-height:18px;font-size:10px;}
.clearbox {clear:both; width:100%;}
.clearbox:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.subjectwrap{position:relative;float:left;width:100%;margin-bottom:15px }

/*popup*/
#dialog {position: fixed; z-index: 103; top: 50%; left: 50%; width: 550px; margin-top: -140px; background-color: #FFFFFF; padding:0; border:1px solid #bbb;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; }
#overlay { opacity:.2;filter:alpha(opacity=20);position: fixed; z-index: 102; top: 50%; left: 50%; width: 588px; margin-top: -148px; margin-left: -13px; background-color: #333; padding-top:20px\9;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; }
.bgi{ position: fixed; z-index: 101; top: 50%; left: 50%; width: 550px; margin-top: -140px; margin-left: -250px; border:none}
* html #dialog { position: absolute; margin-top: expression(exp_dialog(this)); }
* html #overlay { margin-top:-140px;position: absolute; margin-top: expression(exp_overlay(this)); }
#dialog td{padding:7px;}
#dialog td.ul{padding:0;}
#dialog p{margin:0}
#populartags{margin:3px 0 10px 0}
#submits td{padding:15px 0 5px 0;}
* html #submits td{padding-bottom:0}

.loadpop{padding:30px;text-align:center;}
#hiddendialog{display:none;}
#actchoice{ float: right; display: inline; width: 100px; border-left: 1px dashed #ddd; padding: 0 0 0 5px }
#actchoice .m{margin-bottom:40px}
#actchoice .rec-btn{margin:0;}

/* for event create or edit form */
.pl_l { font: 14px Arial, Helvetica, sans-serif; line-height: 150%;  width:80px; vertical-align:top; padding-top:4px; }
.pl_r { padding-top:4px; width:550px; vertical-align:top; vertical-align:top; }
.pl_r .w { width:390px }

/* for location select */
.location { line-height: 180%; font-size: 14px; margin-left:15px; }

/* for event */
.evtlstimg{float:left;text-align:center;width:85px;padding-top:3px;}
.actionbtns{float:right;text-align:right;width:120px;height:100px;}
.actbtn{display:block;text-align:center;border-bottom:1px dotted #ddd;}
.actcat{float:left;width:89px;margin-bottom:140px}
.actlist{float:right;width:490px;*width:490px}
.actlist h2{margin-bottom:8px}
.actlist-left{width:600px;*width:600px}
.nof{*zoom:1; margin-bottom:20px;}
.nof:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.nof h2,.nof .intro{margin-left:120px}
.actcatlst li{text-decoration:none;display:block;padding:4px 0; border-bottom:1px solid #ddd;}
.actcatlst li a{display:block;}
.actcatlst .now{ background: url(/pics/arrowright.gif) no-repeat right 10px; color:#77c5ee;}
.citysmr {width:45%; float:left; margin:10px 0 15px 0; padding: 0 15px;}
.evt_short {float:left; margin-bottom:10px;width:100%}
.citytitle{font-size:14px; color:#006600; border-bottom:1px solid #ccc;margin:0 0 15px 0;}
.citysmr li{padding:10px 0 10px 0px; line-height:1.6em}
.citysmr li .title{display:block}
.evt_short li{line-height:1.6em;}
.citysmr li a{font-size:12px}
.citysmr li .title a {font-size:14px}
.actimgs{float:left;margin:9px 0 0 0;padding:3px; border:1px solid #ddd;}
.evtdesc{margin:5px 0 0 65px;color:#666}
.evtdesc .gact{margin-left:10px;}
.actfromfri{line-height:1.6em;padding:.6em 0}
.actfromfri .event_long{float:left;padding-bottom:1.7em;margin-top:-6px;_margin-top:auto;}
.actfromfri .title{padding: 2px 0;margin-bottom:8px; border-bottom:1px solid #ddd;}
.actfromfri img{ padding-right:15px; background:#fff}

.recevent{background:#F4F4EC;padding:10px;margin-bottom:20px}
.recevent .img{float:left;text-align:center;width:110px}
.recevent .img:hover{background:none}
.recevent .pl2{margin-bottom:10px}
.recevent .text{padding-left:116px;color:#999}

.fstars{float:left; margin-left:200px;}
* html .fstars{margin-left:100px}

.recevent{background:#F4F4EC;padding:6px 6px 6px 2px;}
.recevent .img{float:left;text-align:center;width:110px}
.recevent .img:hover{background:none}
.recevent .text{padding-left:116px;color:#999}

/*rec*/
.rectitle { padding:10px 19px;margin-bottom:10px;overflow:hidden;word-break:break-all; }
#dialog .rectitle{ background-color:#EBF5EB; }
#dialog .rectitle .m{ color:#333;line-height:1.6em;display:block; }
#dialog .rectitle .m i { font-style:normal;color:#060;margin-left:.5ex; }
.recsmr{line-height:1.6em; color:#777; padding:0 19px;margin-bottom:10px;display:block;color:#666; }
#dialog .rectitle .gact a:link,
#dialog .rectitle .gact a:visited,
#dialog .rectitle .gact a:hover,
#dialog .rectitle .gact a:active { font-size:14px;padding:0 4px; }
.reccomment { padding:0 19px; }
.reccomment .text{ width:94%;border: 1px solid #bbb;margin-bottom:4px}
.reccomment .text:focus { border: 1px solid #666; }
.reccomment .recsubmit{ padding:10px 0;text-align:center; }
.reccomment label { position:absolute;color:#999;margin:2px 0 0 6px;cursor:text; }
.recsubmit .bn-flat { margin:0 10px; }
.reclstwrap {background:url(/pics/topicgrey.gif) no-repeat; display:block; margin-top:20px;}
.reclstwrap .reclst {width:100%;height:26px;margin-left:4px;font: 14px Arial, Helvetica, sans-serif;color: #666666;margin-bottom: 1px;line-height: 150%;background:url(/pics/topicgrey.gif) no-repeat right top; display:block}
.reclstwrap .reclst img{margin:2px 2px 0 0}
.reclstwrap .reclst a.rr:hover{background:none; color:#ff0000;}
.recreplylst .ilst{margin-top:-39px}
.recreplylst .clst{margin-top:-11px; color:#555;}
.recreplylst form{margin-left:68px;}
.recreplylst textarea{width:389px;}
.recreplylst input{margin-top:3px;}
.recreplylst span.pl{vertical-align:top;}
.norquote{color:#333;}
.recreplylst .simplelst{border-bottom: 1px dashed rgb(221, 221, 221); margin-top: 4px; margin-bottom: 4px; margin-left: 53px;}
.blank_rec{margin:2px 2px 2px 24px;line-height:1.7em}

#dialog td{padding:7px;}
#dialog td.ul{padding:0;}
#submits td{padding:15px 0 5px 0;}
* html #submits td{padding-bottom:0}

/* rec button */
.rec-sec { text-align:right;color:#999; }
.rec-sec span { *zoom:1; }
a.a_rec_btn { display:inline-block;*display:inline;*zoom:1;padding-left:26px;width:46px;height:20px;line-height:20px;*line-height:22px;overflow:hidden;text-align:left;letter-spacing:4px;vertical-align:bottom; }
.rec-num { margin:0 4px;*padding-bottom:2px; }
a.a_rec_btn:link,
a.a_rec_btn:visited,
a.a_rec_btn:hover,
a.a_rec_btn:active { background:transparent url(/pics/bg_rec_btn.png) no-repeat 0 0;color:#4f946e; }
a.a_rec_btn:hover,
a.a_rec_btn:active { background-position:0 -20px; }


/*entry*/
.entry-image img {padding: 0 15px 15px 0;float: left;}
.entry-summary, .entry-full{word-wrap:break-word;overflow: hidden; clear: right;margin: 6px 0 20px 0;}
.entry-summary-mini{margin-top:6px}
.entry-status-line {clear: left;margin: 2px 0 6px 0;width : 100%;}
.entry .entry-vote-btns {float: right;margin-top: -3px;_padding:4px;}
.loadtip{ padding:0 5px; background:#e7ffbc; color:#777; float:right;}

.video_overlay{width:130px; height:97px;top:0; left:0;position:absolute;background:url(/pics/video_overlay.png);cursor:pointer; #top:0px}
.video_overlay:hover{background-position:0 -97px}
* html .video_overlay{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pics/video_overlay_ie6.png');}
.videothumb {margin-left:24px}
.vthumbwrap{width:130px;height:97px;text-align:center;position:relative;}
.vthumbwrap img{width:130px;height:97px}
.hlst li{list-style-type:disc;float:left;margin:10px;width:45%}
.hlst{margin-left:20px}
.indentrec{margin-left:24px; line-height:1.6em;color:#333;}

/*album*/
.mainphoto:hover{background:none}
#album_up {float:left;margin-left:20px;width:380px;}
#type_tip{display:block;width:150px;float:left;_width:125px}
#album_up {float:left;width:300px;margin-left:20px;_margin-left:10px;}
#album_up input {margin:4px 0}
.albumlst{margin:9px 0 10px 0;padding:0 0 10px 0; line-height:1.65em;float:left;width:49%;}
.albumlst_r{overflow: hidden; word-wrap:break-word;color:#777;float:left;width:240px;padding-top:4px;}
.albumlst_descri{color:#333;margin-bottom:10px;}
.photo_wrap { float: left; display: inline; width: 170px; overflow: hidden; margin: 10px 13px 25px }
.photo_wrap .pl{margin:6px 0 3px 0}

.photolst_photo{width:180px;height:180px;margin:0;}
.photolst_photo:hover{background:#fcfcfc;}
.photo_infobox{height:130px;margin:4px 0;padding:5px 5px 5px 26px;}
.photo_infobox textarea{width:431px;height:70px;float:left}
.photo_infobox .photo_infor{float:right;width:140px;text-align:center;margin-top:8px;}
.pb_wrap{float:left;margin:3px 12px 3px 0pt;}
.pb_wrap img{vertical-align:middle;}
.pb_photo{display:table-cell;vertical-align:middle;width:75px;height:75px;margin:0;text-align:center;*display:block;*font-size:65px;float:none;}
.pb_photo:hover{background:#fff;}
.album{background: url('/pics/albumback.gif') 1px 1px no-repeat; padding:4px 7px 7px 4px}
.album_s{background: url('/pics/albumback_s.gif') 1px 1px no-repeat; padding:5px 8px 8px 5px}
.album_photo { display: block; overflow: hidden; width: 181px; height: 181px }
.album_photo:link { display: block; color: #777; font-style: italic }
.album_photo:visited { color: #777; font-style: italic }
.album_photo:hover { background: none; color: #777 }
.sign-text:link { color: #777; font-style: italic }
.sign-text:visited {color: #777; font-style: italic }
.sign-text:hover { background:none;color:#777}
.photo_descri { padding:0 0 0 14px; word-wrap: break-word; overflow: hidden }
.edtext form{margin:0;padding:0}
.edtext{width:100%;margin:7px 0 15px 0;}
.edtext textarea { font-size: 12px; height: 50px; width: 560px; background: #f9f9f9; border: 1px solid #ddd }
#up_tip{color:#666;}
.photitle{border-bottom:1px solid #ddd;margin-bottom:5px;padding-bottom:5px;text-align:right}
/*nm home*/
#discover{background:url(/pics/discover.jpg) no-repeat;width:400px;height: 185px;font-size:14px;color:#aaa;padding:7px 0 0 115px;line-height:1.5em; margin:45px 0 10px 40px; #margin:30px 0 0px 0px;}
#discover_s{text-align:center;margin:0 0 28px 0;padding-right:30px;}
#discover_s .text{width:380px;margin:8px;border:1px solid #bcd3e3;}
.fastreg .m{margin-top:.3em;font-size:12px;width:3.3em;float:left;}
.fastreg .text{width:180px;margin:2px 5px;border:1px solid #ccc}
.fastreg .submit{margin:4px 0 2px 4px}
.login_end{margin-left:3.3em;margin-top:.5em;}
.login_input{margin-top:.3em;}
#search_evt{float:left;display:block;margin-right:65px;font-size:12px;margin:4px 0 0 0;position:relative;}
#search_evt .text{top:1px;width:153px; margin:0 5px 0 0;height:16px;border:1px solid #ddd;position:absolute;}
#search_evt .submit{margin:0 60px 0 160px;}
/*note pic*/
.alignleft{background:url(/pics/align_left.png) no-repeat;padding:0 6px 0 25px}
.aligncenter{background:url(/pics/align_center.png) no-repeat;padding:0 6px 0 25px}
.alignright{background:url(/pics/align_right.png) no-repeat;padding:0 6px 0 25px}
.feed{background:url('/pics/feed1.png') no-repeat;font-size:14px; padding:0 0 30px 20px;}

.miniform{display:inline}
.minisubmit{padding:0;margin:0;color:#336699;background:none;cursor:pointer;border:none;}
.minisubmit:hover, .minisubmit.hover{background:#003399;color:#fff; }
.gsubmit{cursor:pointer;padding:0;margin:0;height:1.6em;line-height:1.6em;color:#BBB;background:none;border:none;}
.gsubmit:hover, .gsubmit.hover { height:1.6em;line-height:1.6em;cursor:pointer;color: #FFF; border-left: 1px solid #F99; border-top: 1px solid #F99; border-right: 1px solid #F33; border-bottom: 1px solid #F33; background-color: #733; }

.note-header h3{color:#006600;background:none;margin-left:0;margin-bottom:0;height:auto;line-height:1.4;}
.note { font-family:Arial,Helvetica,sans-serif;word-wrap: break-word;white-space: pre-wrap;width:100%; overflow:hidden; margin-top:10px;}
body .note{white-space:pre-wrap;}
.note .cc{padding: 0pt 0pt 15px; display: block; clear: both; text-align: center;}
.note .ll {padding:0 16px 16px 0;}
.note .ll table{width:1px}
.note .rr table{width:1px}
.note .cc table{width:1px;margin:0 auto;}
.note .rr {padding:0 0 16px 16px;}
.note-ft .rec-sec { clear:both; }
.thumblst { min-height: 140px; border: 1px solid #d3d3d3; background:#f0f0f0; padding: 10px 12px; margin: 3px 0 7px }
.thumblst .thumb { float: left; width: 140px; overflow:hidden;}
.thumblst .thumb img { max-width: 130px; _width: 130px }
.thumblst .thumb .pl { padding:2px; border:1px solid #ddd;margin-bottom:6px;background:#fff;}
.thumblst .details { float: right; width: 419px }
.thumblst .details textarea{ width: 410px; height:66px;border:1px solid #ccc;}
.message{border:1px solid #FAF3CA;padding:10px;background:#fffadc;margin-bottom:10px;}
/* drag n sort*/
.placeholder{border:2px dashed #ccc;}
.sort h2{cursor:move;width:100%;
_ie6_hack:expression(onmouseover=exp_sort_h2_over,onmouseout=exp_sort_h2_out);
}
.ui-draggable-dragging{border:1px solid #cFc;}
.sort h2:hover{background:#eeffee}
.sort_helper{border:2px dashed #cdc;}
.sort div h2:hover{background:none}
#event{margin-bottom:10px}
#photo,#artist,#minisite{margin-bottom:35px;width:100%;overflow:hidden;}
.photoin{float:left;width:147px;height:160px;overflow:hidden}
#hosts .photoin{height:177px;width:160px}
#hosts .last{width:100px}
#artist,#group,#recs,#movie,#music,#blog,#book,#mb,#friend,#board,#profile,#note,#doulist,#live{margin-bottom:35px}
#group{width:100%}
#offer{margin-bottom:12px}
#review{margin-bottom:27px}
#review .ilst{margin:-17px -105px 0 0;}
#review .tlst{padding:0 0 15px 0;}
#confirm_delete{display:none;}

.reply_notify a{ margin-left:.5em }
.reply_notify .reply_notify_delete{color:#999;}
.reply_notify{ text-align:left; border-collapse:collapse; width:100%; color:#676767; margin-bottom:20px; }
.reply_notify td{ border-bottom:1px dashed #ddd; }
.reply_notify th{ font-weight:normal; border-bottom:1px solid #ccc; }
.reply_notify td{ padding:.4em 0; }
.date{width:8em}
.dater{width:6em;text-align:right}

/*search suggest*/
.ac_results,.addr_results,.city_results,.rc_results{ border: 1px solid gray; background-color:#fff; padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none; width: 173px; overflow: hidden; }
.rc_results{width:356px}
.addr_results{width:186px}
.city_results{width:87px}
.ac_results li, .addr_results li, .city_results li, .rc_results li{ padding: 2px 5px; white-space: nowrap; color: #aaaaaa; text-align: left; }
.ac_over { cursor: pointer; background-color: #3366cc; }
.ac_match { color: black; }

/*help*/
.black {color: #000}
.greylink:link{color:#b4b4b4;font-size:12px}
.greylink:hover{color:#b4b4b4;background:none;font-size:12px}
.greylink:visited{color:#b4b4b4;font-size:12px}
.dotli li{list-style-type:disc;margin-left:10px}
.title2 {border-bottom:3px double #EEEEEE;margin-top:25px;padding:0 0 2px 2px;}


/* campus2010 */
#campus_header { padding: 10px 0 5px 0; background: #fff }
#campus_header #logo { float: left; display: block; width: 165px; height: 34px; text-indent: -9999px; background: url(/pics/logo2010.gif) no-repeat }
#campus_header a:hover { background: none }
#campus_header #year { float: left; display: block; width: 100px; height: 34px; text-indent: -9999px; background: url(/pics/campus_2010.gif) no-repeat }
#campus_header h1 { float: left; font-size: 18px; padding: 10px 0 5px; color: #2a9a44 }

#campus_tab { height: 24px; overflow: hidden; background: #eef9eb; -webkit-border-radius: 3px; -moz-border-radius: 3px }
#campus_tab li { float: right; display: inline; line-height: 24px; height: 24px; padding: 0 15px; color: #369; padding-right: 25px }
#campus_tab li a { color: #369 }
#campus_tab li a:hover { color: #fff; background: #369 }

#campus_indent { width: 680px; margin-left: 20px }
#campus_indent h1 { margin: 20px 0 10px 0 }
#campus_indent h2 { padding: 0 0 2px 2px; border-bottom: 3px double #eee; margin-top: 40px }
#campus_tab a.on {color:#369;text-decoration:none;}
#campus_tab a.no_tag_line {background:none;}
#max_campus {width:700px;margin:0 auto;background:#fff;}

.group_say{width:229px;left:0;top:21px;padding:4px 15px 12px}
.group_say_content{padding-top:.3em}
.blocktip{ color:#333; text-align:left; padding:5px; border:1px solid #E3E3E3; border-width:1px 2px 2px 1px; background:#fff; position:absolute; z-index:100; display:none; }
.blocktip .artist_tip input { margin-top:0; }
.tipwrap{position:relative;}
.blocktip_close,
.blocktip_close:visited,
.blocktip_close:active { padding:0 4px; background:transparent; position:absolute; right:15px; color:#999; font-family:"Comic Sans MS" }
.blocktip_content{ margin:3px 0; float:left; width:100%; color:#060; clear:both; font-size:12px; }

.artist_tip{width:230px;padding:4px 8px}
.artist_tip input{margin-top:7px}

.artist_s{padding:0 0 8px 0 }
.artist_photo{width:181px;height:181px;dislay:block}
.artist_photo:link{color:#777;font-style:italic}
.artist_photo:visited{color:#777;font-style:italic}
.artist_photo:hover{background:none;color:#777}


/* artist */
.artist_list{float:left;width:138px;height:120px;text-align:center;}
.artist_list dd{margin:0}
#songlist a:hover{background:none; color:#336699}
.songlst td{border-bottom:1px dashed #ccc;height:23px;color:#999}
.songlst .full{background:url(/pics/playicon.png) 0 -31px no-repeat; color:#777;}
.songlst .selsong .full{background:url(/pics/playicon.png) -20px -5px no-repeat #eaf9e6; color:#777;}
.songlst .full a{padding-left:21px;}
.selsong{background:#EAF9E6}
#mainplayer{width:290px;height:40px;}
#song,#video,#miniblog,#discussions,#contact,#subject,#album,#fans_album,#vote{margin-bottom:35px;}
.hiddenmod {color:#999; background:#f2f2f2}
.hiddenmod h2{color:#777;margin-bottom:5px}
.indent2{text-indent:2em;}
.artist_doumail { background:url(/pics/icon/musician_9px.gif) no-repeat 0 center; padding-left:12px; }
.artist_doumail_big { background:url(/pics/icon/musician_16px.gif) no-repeat 0 center; padding:20px; }
.minisite_doumail { background:url(/pics/icon/minisite_9px.gif) no-repeat 0 center; padding-left:12px; }
.minisite_doumail_big { background:url(/pics/icon/minisite_16px.gif) no-repeat 0 18px; padding:20px; }
.host_doumail { background:url(/pics/icon/host_small.gif) no-repeat 0 center; padding-left:12px; }
.host_doumail_big { background:url(/pics/icon/host_big.gif) no-repeat 0 18px; padding:20px; }
#minisite_bg a:hover {background:none;color:#fff}
#songlist .a_rec_btn { width:14px;height:12px;padding:0;margin-bottom:4px;line-height:10em; }
#songlist a.a_rec_btn:link,
#songlist a.a_rec_btn:visited,
#songlist a.a_rec_btn:hover,
#songlist a.a_rec_btn:active { background:transparent url(/pics/bg_rec_btn.png) no-repeat 0 -48px; }

/* system doumail */
.sys_doumail { background:url(/pics/icon/system_9px.gif) no-repeat 0 center; padding-left:12px; }
.sys_doumail_big { background:url(/pics/icon/system_16px.gif) no-repeat 0 center; padding:20px; }
.doumail_from { padding-left:12px; }
.gray_ad{background:#F4F4EC;padding:10px;margin-bottom:20px;word-wrap: break-word;}

/* 
 * for old popwin
 * modified by mockee 
 * 10/06/21
 */
.pop_win_bg { opacity: 0.3; filter: alpha(opacity=30); position: fixed; background: #000; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)*.45))!important }
.pop_win form { padding: 0; margin: 0; border: 1px solid #fff }
a.pop_win_close { position: absolute; right: 0; top: 0; font: 11px "Comic Sans MS"; margin: 9px 10px 0 0; padding: 0 0.3em; color: #b4b4b4; z-index: 99 }
a.pop_win_close:hover { color: #fab0b6; background: none }
.pop_win { background: #fff; padding: 17px 14px 16px 12px; _padding-right: 0; visibility: hidden; position: fixed; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; _position: absolute; _margin-top: expression(eval(document.documentElement.scrollTop)); }

.login_input{font-size:12px;color:#016502;text-align:left;}
.login_input input{width:200px}
.login_input span{width:3.5em;float:left;}
.pop_reg{float:left;margin-top:2em;display:block}
.pop_sub{text-align:left;margin-left:3.4em;margin-top:.3em;}
.pop_sub input{width:5em;padding-top:2px}
.pop_rem{margin-top:.5em;padding-bottom:5px;text-align:left;margin-left:3.2em;}

/*all block set*/
.block1,.block5{margin-bottom:20px}
.blank20,.block1,.block5{margin-bottom:20px}
.block2,.block3 {margin-bottom:40px}

/*homepage personal recommendation*/
.block1 .content dl {float: left; display: inline; width: 280px; margin:0 15px 20px 0; overflow: hidden }
.block1 .content dl.clear,
.block1 .content ul li.clear { display: block; width: auto; float: none; margin: 0 }
.block1 .content dl dt {float:left;width:85px;overflow:hidden;}
.block1 .content dl dd {float:right;width:190px;overflow:hidden;margin:0}
.block1 .content dl .dgt {margin-bottom:5px;line-height:100%}
.block1 .content dl .dgt .pl2 {line-height:16px}
.block1 .content dl  span.reason {color:#999}
.block1 .content dl  .gact {margin:0 0 0 10px;}
.block1 .content ul li { float: left; display: inline; margin: 0 20px 30px 0; overflow: hidden; padding: 0; width: 275px }
.block1 .content ul li .title {display:block;font-size:14px;}
.block1 .content ul li .actimgs {border:1px solid #ddd;padding:3px;float:left;margin:10px 0 0 0 ;}
.block1 .content ul li .evtdesc {margin:6px 0 0 65px;color:#666;}

/* prevues */
.block2 .content { width: 590px }
.block2 { overflow: hidden }
#in_tablem .block2 .content ul li,.block2 .content ul li {
position: relative;
float: left;
margin-right: 35px;
_width:128px;
_overflow:hidden;
_clear:right;
}
.block3 .content {list-style:none}
.block3 .content li {border-bottom:1px solid #EEEEEE;margin:0;paddng:5px 0;list-style:none}
.block3 .content li {border-bottom:1px solid #EEEEEE;margin:0;padding:5px 0;}
.block3 .content li .user_img {float:left;height:48px;width:48px;}
.block3 .content li .ct {margin:0 0 0 58px;color:#666}
.block3 .content li .cm {margin-right:10px;}
.block3 .content li .cpl {color:#999;margin-right:10px;padding-top:5px;}
.block3 .content li .time {color:#999;}
.block3 .content li .player {}

/*Blcok width fix*/
#in_tablem .block1 {width:630px}
#in_tablem .block1.content {width:650px}
#in_tablem .block1.content ul li {width:305px}


#in_table .block1 {width:575px}
#in_table .block1 .content {width:600px;}
#in_table .block1 .content ul li {width:275px}

#in_tableb .block1 {width:550px}
#in_tableb .block1 .content {width:570px;}
#in_tableb .block1 .content ul li {width:260px}




/*online*/
.h2_tab {border-bottom:1px solid #ddd;padding-bottom:2px;margin:0 0 20px 0;}
.h2_tab span {color:#aaa;font-size:12px;float:right;}
.h2_tab span .line {color:#bbb;float:none}
.online_event_index {float:none;width:100%;padding:0;margin:0;width:630px;overflow:hidden}
.online_event_index ul {width:650px;}
.online_event_index ul li.block {padding:0 0 20px 0;float:left;width:305px;margin-right:20px;height:auto;}

.online_nof {border-bottom:1px solid #eee;}
.online_nof .evtlstimg {width:80px;height:80px}
.online_nof .evtlstimg .actimgs {margin-top:0;}

.online_event_pic {width: 590px;overflow:hidden}
.online_event_pic div{ width:100px; margin:0 16px 30px 0; float: left; text-align:left;}
.online_event_pic div.clear {width:0;float:none;margin:0}
.online_event_pic div.pic {margin:0}

/*ad*/
.da1,.da2,.da3,.da4 {margin-bottom:20px}

.da1 {padding:5px;background:#f4f4ec}
.da1 dl {margin:0}
.da1 dl dt,.da1 dl dd {text-align:left;margin:0;padding:0}
.da1 dl dt {float:left;text-align:center;width:85px;overflow:hidden}
.da1 dl dd {margin:0 0 0 95px;}
.da1 dl dd a {font-size:14px}
.da1 dl dd .ps {color:#999;line-height:18px;margin-top:5px}


.da3 {padding:10px 10px 0 10px;background:#f4f4ec}
.da3 dl {margin:0 0 10px 0;}
.da3 dl dt,.da3 dl dd {text-align:left;margin:0;padding:0}
.da3 dl dt {font-size:14px}
.da3 dl dd a {color:#999}
.da3 dl dd a:hover {background:none}
.da2 a:hover {background:none}

.da4 dl {float:left;overflow:hidden;width:50%;margin:0}
.da4 dl dt,.da4 dl dd {text-align:center;margin:0;padding:0}
.da4 dl dt {height:100px;overflow:hidden}
.da4 dl dd {padding:5px}

/* anonymous home style */

.pl_index{font-size:12px;color:#999}
.citysmr2 {margin-bottom:40px}
.citysmr2 li {padding:0 0 20px 0;}
.citysmr2 li a.img {float:left;margin:0px 9px 0 0;}
.citysmr2 li a.img img{border:1px solid #DDDDDD;padding:3px;}
.citysmr2 li div {margin:5px 0 0 70px;}
.citysmr2 a.title {font-size:14px;}
.citysmr2 span.pl {padding-top:3px;display:block}

.sq_list_right {margin-bottom:40px}
.sq_list_right li{padding:2px 0}
.con_index {width:110px}

a.ad_7day_button:hover {background:url(/pics/ad_button.gif) no-repeat left top;}
.ad_7day_button {padding-left:10px;background:url(/pics/ad_button.gif) no-repeat left top;float:right;display:block;height:27px;margin-left:10px}
.ad_7day_button span{line-height:14px;font-size:14px;padding:7px 10px 6px 0;background:url(/pics/ad_button.gif) no-repeat right top;display:block;color:#4f463f;}

#discover{background:url(/pics/discover.gif) no-repeat;width:400px;height: 185px;font-size:14px;color:#aaa;padding:0px 0 0 110px;line-height:1.5em; margin:0px 0 15px 62px;}
#discover p {line-height:100%;padding:0;margin:0 0 16px 0;}
#discover p.p1 {margin:0px 0 7px 0;padding-top:2px}
#discover p.p2 {margin-bottom:18px;}
#discover_s{text-align:center;margin:0 0 28px 0;padding-right:30px;}
#discover_b{margin-top:25px;font-size:12px;color:#369}
#discover_b .ad_7day_button {margin-right:140px;}
#discover_b .rr{margin-top:9px;margin-right:45px}
#discover_s .text{width:380px;padding:3px;margin:8px;border:1px solid #ccc;font-size:14px}
.mbt .mbtr .mbtr_m_img {float:left;width:48px;height:48px;}
.mbt .mbtr .mbtr_m_content {margin:0 0 0 58px;color:#666}
.mbt .mbtr .mbtr_m_content .cm{margin-right:10px;}
.mbt .mbtr .mbtr_m_content .time {color:#999;}
.mbt .mbtr .mbtr_m_content .cpl {padding-top:5px;color:#999;margin-right:10px}
.mbt .mbtr .mbtr_m_player {clear:both;text-align:center}

#mbr_img .mbtr,#mbr_music .mbtr {margin:0}
#mbr_img .broadsmr,#mbr_music .broadsmr{padding:5px 0}
#mbr_img .quote,#mbr_music .quote {margin:0}
#mbr_img .indentrec,#mbr_music .indentrec {margin:0}
#mbr_img .recreplylst form,#mbr_music .recreplylst form {margin-left:0}
#mbr_img .star,#mbr_music .star {margin-left:0;}
/* #mbr_img .quote span.inq,#mbr_music .quote span.inq {color:#999}*/
#mbr_img .recreplylst .simplelst,#mbr_music .recreplylst .simplelst {margin-left:0}
#mbr_img,#mbr_music {margin-bottom:20px;word-break:break-all}

.allstar50,.allstar45,.allstar40,.allstar35,.allstar30,.allstar25,.allstar20,.allstar15,.allstar10,.allstar05 {background: url(/pics/allstar.gif) no-repeat;height: 12px;display: block; padding-left: 55px; color:#999;overflow:hidden; font-size: 12px;margin-bottom:7px;line-height:100%}

.allstar50 {background-position:0 0;}
.allstar45 {background-position:0 -12px;}
.allstar40 {background-position:0 -24px;}
.allstar35 {background-position:0 -36px;}
.allstar30 {background-position:0 -48px;}
.allstar25 {background-position:0 -60px;}
.allstar20 {background-position:0 -72px;}
.allstar15 {background-position:0 -84px;}
.allstar10 {background-position:0 -96px;}
.allstar05 {background-position:0 -108px;}

.blocktop_content div{padding-right:10px}
fieldset.setquestion label {width:40px;}
fieldset.setquestion .fsctm {margin:0 0 10px 50px;color:#333;}
fieldset.setquestion .fsctm span{font-size:14px}
table.settable {margin:0 0 20px 0;color:#666;}
table.settable th {background:#eee}
table.settable td,table.settable th{padding:1px 3px;text-align:left}
table.settable th{color:#333}
table.settable td.add {padding:0}
fieldset.setquestion table.settable {display:none;margin-left:70px}
fieldset.setquestion table.settable th {color:#666}
fieldset.setquestion table.settable td {padding:5px 10px}

fieldset.eventform {padding:20px;border:1px solid #ddd}
fieldset.eventform .fsct {margin-bottom:10px}

fieldset.floatdiv {border:none;}

#in_table .block4 {width:575px}
#tabler .block4 {width:345px}
#tabler .block4 .content {width:440px}
#tabler .block4 .content ul li {margin-right:100px}
.block4 {overflow:hidden;}
.block4 h2 {margin-top:0px;}
.block4 .content{text-align:center;margin-top:20px}
.block4 .content .headline {float:left;width:100px;}
.block4 .content ul { widtih: 450px; float: right}
.block4 .content ul li {float: left; display: inline; width: 180px; margin-bottom: 16px; margin-right: 40px }
.block4 .content ul li.line { float: none; display: block; clear: both; width: 450px; margin:0 0 15px 0; line-height: 0; font-size: 0; border-bottom: 1px dashed #ccc }
.block4 .content ul li a img {width:50px;height:50px;float:left;margin:0 10px 0 0;}
.block4 .content ul li div {float:left;width:90px;text-align:left;}
.leftobs{float:left;width:100%;}
.leftobs .obs{width:114px}
#tableh { float: left; margin: 0 -480px 0 0; width:100%; }
#in_tableh{ margin: 0 480px 0 0; padding: 0 40px 0 0; min-height:440px;}
#tablerh { float: right; width: 445px;overflow:hidden; word-break:break-all;}

#in_tableh .block5,#tablerh .block5  {width:460px;overflow:hidden}
#in_tableh .block5 .content,#tablerh .block5 .content {width:500px;}
#in_tableh .block5 .content dl,#tablerh .block5 .content dl { margin-right: 30px; height: 140px }

.block6 {margin-bottom:20px;}
.block6 .content {border:1px solid #eee}
.block6 .content ul li {border-bottom:1px dashed #ddd;margin:0 5px;padding:10px 0;height:100px;overflow:hidden}
.block6 .content ul li .no {width:18px;padding-right:5px;float:left;margin-right:5px;padding-left:5px}
.block6 .content ul li .no span {line-height:15px;text-align:center;background:url(/pics/chart_top.gif) no-repeat;display:block;width:15px;height:15px;overflow:hidden;float:right;font-size:10px}
.block6 .content ul li .no b {color:green;font-weight:normal;white-space:nowrap}
.block6 .content ul li .toppic {float:left;margin-right:10px;}
.block6 .content ul li .toppic img {padding:0}
.block6 .content ul li .topinfo {float:left;width:280px;}
.block6 .content ul li .topinfo .title {font-size:14px;}
.block6 .content ul li .topinfo .title span {font-size:12px;}
.block6 .content ul li .topinfo span.info  {display:block;color:#666;margin-top:10px}
.block6 .artist ul li .toppic {width:100px}
.block6 .artist ul li .topinfo {width:260px;}
.music_show .content dl dt {height:85px;}
.cd_show .toppic {width:85px;}
.artist_show .content dl dt {height:85px;}
.block5 h2 {margin-top:0px;}
.block5 .content dl.clear {margin:0;padding:0;clear:both;float:none;width:0}
.block5 .content dl dt {overflow:hidden;height:99px;}
.block5 .content dl dt a {width:85px;text-align:center}
.block5 .content dl dt a:hover {background:none}
.block5 .content dl dd {margin:0;padding-top:3px}
#friends_sub .content dl dt {position:static;height:auto}
#friends_sub .content dl dt a {position:static;height:auto}
#friends_sub .content dl dt a:hover {background:#039;color:#fff;}
#tabler .block5 {width:345px;overflow:hidden}
#tabler .block5 .content {width:400px}
.block5 .content dl {float:left;_display: inline; margin:0 18px 10px 0;overflow:hidden;text-align:center;width:85px;}
#in_tablem .block5 {width:630px;}
#in_tablem .block5 .content {width:690px;_width:640px;}
.subject_show .content dl { margin: 15px 33px 15px 0 }
.copyright {color: #999;padding-bottom: 5px;margin-bottom: 5px}
.review_bottom {border-top: 1px dashed #ddd;padding-top: 5px}
.review_bottom .review_controller .vote {width:70px;float:right;text-align: right}
.review_bottom .review_controller .review_button {margin-right: 80px}
.other_review ul li {list-style: none;border-bottom: 1px dashed #ddd;padding: 5px 0;color:#666}
.basic_input {border: 1px solid #ccc;padding: 2px;font-size:12px}
.artist_obu{float:left;width:100%;}
.artist_obu .obu{width:90px}

.block_menu {position:relative;background: #f6f5ee;border:1px solid #e4e4e4;padding: 0px;margin: 0 10px 20px 0  }

.block_menu .ft,
.block_menu .fb {position:absolute;font-size:1px;line-height:1px;background: url(/pics/city_block_menu.gif) no-repeat;width:3px;height:3px;display: block;}
.block_menu em.ft { left: -1px; top: -1px; _top: 0; background-position:left top}
.block_menu b.ft { right: -1px; _right: 10px; top: -1px; _top: 0px; background-position: right top }
.block_menu em.fb { left: -1px; bottom: -1px; _bottom: 457px; background-position: left bottom }
.block_menu b.fb { right: -1px; _right: 10px; bottom: -1px; _bottom: 457px; background-position: right bottom }
.block_menu h2 {margin-top:0px;margin-bottom:3px;font-size:14px;background: #f6f5ee}
.block_menu ul {padding:8px;}
.block_menu li {padding-left:0}
.block_menu li.on,
.blockmenu li#event_home {padding: 2px 0}
.block_menu li#event_home a {background: url(/pics/event_home_tab.gif) no-repeat left top;display: block;float: left;padding:0 0 0 3px;}
.block_menu li#event_home a span {background: url(/pics/event_home_tab.gif) no-repeat right top;display: block;line-height: 12px;padding:2px 3px 2px 0;color:#fff}
.block_menu li.on a {background: url(/pics/green_tab.gif) no-repeat left top;display: block;float: left;padding:0 0 0 3px;}
.block_menu li.on a span {background: url(/pics/green_tab.gif) no-repeat right top;display: block;line-height: 12px;padding:2px 3px 2px 0;color:#fff}
.block_menu .line {background:#f6f5ee;width:100%;height: 0px;line-height: 0px;font-size: 0px;background: #fff;border-top:1px solid #e4e4e4;margin:10px 0}
.block_menu .line2 {background:#f6f5ee;width:100%;height: 0px;line-height: 0px;font-size: 0px;background: #fff;border-top:1px solid #e4e4e4;margin:5px 0}
.block_search { padding-right: 10px; text-align: center}
.block_search .text{font-size: 12px;border:1px solid #ccc;padding:2px;margin-bottom:4px;width:130px}
.block_headerline {border-bottom:1px dashed #ddd;margin-bottom:10px}
.block_headerline .nof {margin-bottom:10px}
.block_headerline .nof h2,
.block_headerline .nof .intro{margin-left:120px}
.block_headerline .evtlstimg {overflow: hidden;width:115px;text-align: left;padding-top: 0;}
.block_headerline .evtlstimg img {width:100px;border:1px solid #ddd;padding:5px}
.block_spc {width:495px;overflow: hidden}
.block_spc .content {width:515px;}
.block_spc .content li {float:left;width:112px;margin:0 15px 20px 0;text-align: center}
.block_review {width:495px;overflow: hidden}
.block_review .content {width:515px;}
.phs_link {display:block;height:110px;padding-bottom:3px}
.phs_link:hover {background:none}
.block_review .content li { display:inline-block;*display:inline;zoom:1;vertical-align:top;width:107px;margin:0 20px 20px 0;text-align: center}
.block_review .content li .album_s {background: url(/pics/albumback_city_s.gif) 1px 1px no-repeat; padding:5px 8px 8px 5px;width:87px;height: 87px;}
.grid-4-14-6 .block1 .content ul li {width:245px;padding-bottom:10px;margin-bottom:0}
.grid-4-14-6 .block1 .content ul li.clear { width: auto; margin-bottom:10px;padding-bottom:0;border-top:1px dashed #ddd}

.block_event_tab {border:1px solid #e4e4e4;margin-bottom: 20px}
.block_event_tab ul.title li {float:left;border-right: 1px solid #e4e4e4;}
.block_event_tab ul.title li.last {border:none;}
.block_event_tab ul.title li.last a {width:124px;}
.block_event_tab ul.title li.last,.block_event_tab ul.title li.first {position: relative}
.block_event_tab ul.title li.first a em,.block_event_tab ul.title li.last a em {width: 3px;height:3px;font-size: 1px;line-height: 1px;display: block;position: absolute;background: url(/pics/event_tab_title.gif) no-repeat;} .block_event_tab ul.title li.first a em {left:-1px;top:-1px;background-position:left bottom} .block_event_tab ul.title li.first a.on em,.block_event_tab ul.title li.first a:hover em {right:-1px;top:-1px;background-position:left top}
.block_event_tab ul.title li.last a em {right:-1px;top:-1px;background-position:right bottom}
.block_event_tab ul.title li.last a.on em,.block_event_tab ul.title li.last a:hover em {right:-1px;top:-1px;background-position:right top}


.block_event_tab ul.title li a {line-height: 24px;height: 24px;width:122px;display: block;text-align: center;color: #006600;border-bottom: 1px solid #e4e4e4}
.block_event_tab ul.title li a:hover,.block_event_tab ul.title li a.on {background: #fff;border-bottom: 1px solid #fff;color: #333}
.block_event_tab ul.title {background:#f6f5ee;margin-bottom: 10px}

.block_event_tab .block1 {width:480px;margin-left: 10px}
.block_event_tab .block1 .content ul li {width:220px;margin-bottom: 10px}
.block_event_tab .block1 .content ul li.clear {margin:0}

#week_tab {margin-bottom:20px}
#more_event_tab {position:relative;float:left}

h2.green_tab a { margin: 3px 5px 0 5px; font-size: 12px; line-height: 12px; float:left; padding: 2px; white-space: nowrap }
h2.green_tab a span { font-family: Arial, Helvetica, sans-serif }
h2.green_tab a.on,
h2.green_tab a.on span,
.sort_tabs a.on,
.sort_tabs a.on span { background: url(/pics/green_tab.gif) no-repeat; color: #fff; display: block }
h2.green_tab a.on,
.sort_tabs a.on { background-position: left top; padding: 0 0 0 8px; line-height: 12px }

.sort_tabs a.on {background-position: left top;padding:0 0 0 8px;line-height: 12px;}
h2.green_tab a.on span,.sort_tabs a.on span{background-position:right top;padding: 2px 8px 2px 0;}

#tongcheng_tab {padding-right: 2px}
#tongcheng_tab span {padding:2px 10px 2px 2px;background:url(/pics/icon/tongcheng_tab_down.gif) no-repeat 27px 2px;}
#tongcheng_tab:hover span {background:url(/pics/icon/tongcheng_tab_down.gif) no-repeat 27px -10px;}
#tongcheng_tab span.up {padding:2px 10px 2px 2px;background:url(/pics/icon/tongcheng_tab_up.gif) no-repeat 27px 2px;}
#tongcheng_tab:hover span.up {background:url(/pics/icon/tongcheng_tab_up.gif) no-repeat 27px -10px;}

.block_search1 {margin-bottom: 20px;position: relative;border: 1px solid #f7ebdd}
.block_search1 .block_top em,.block_search1 .block_top b,.block_search1 .block_bottom em,.block_search1 .block_bottom b{position: absolute;width: 4px;height: 4px;overflow: hidden;background: url(/pics/search_conner.gif) no-repeat;display: block}
.block_search1 .block_top em {top:-1px;left:-1px;background-position: 0 0;}
.block_search1 .block_top b {top:-1px;right:-1px;background-position: -4px 0;}
.block_search1 .block_bottom em {bottom:-1px;left:-1px;background-position: 0 -12px;}
.block_search1 .block_bottom b {bottom:-1px;right:-1px;background-position: -4px -12px;}
.block_search1 ul.title {background: #fef4eb;border-bottom: 1px solid #f7ebdd;padding:1px 0 0 100px;margin-bottom: 10px}
.block_search1 ul.title li {float: left;margin:0 10px 0 0;padding: 3px 10px 2px 10px;}
.block_search1 ul.title li.on {background:url(/pics/wztab.gif) no-repeat right top;display: block;padding:0 10px 0 0;position: relative;bottom:-1px}
.block_search1 ul.title li.on span {background:url(/pics/wztab.gif) no-repeat left top;display: block;padding: 3px 0 2px 10px}
.block_search1 .ct {text-align: center;padding: 10px 0}
.block_search1 .ct input.input_basic {width: 350px;font-size: 14px}
.block_search1 .ct button {height: 20px;}
.block_search1 .ct .introduce {padding-top: 10px;color:#999}
.search_nav {color: #666;margin-bottom: 5px;text-align:right;}
table.olt thead th {background: #eee;text-align: left}
.search_no_result {font-size: 14px;text-align: left;padding-top: 20px;}
.search_no_result ul {padding:40px 0;}
.search_no_result ul li {list-style: none;color:#999;text-align: left;padding:2px 0}
.checkbox_basic {margin: 0 5px 0 0;}
.clist2 {padding-top:10px}
.clist2 img {float:left;}
#tablen {float:left;margin:0 -300px 0 0;width:100%;}
#in_tablen {margin:0 300px 0 0;padding:0 40px 0 0;}
#tablern {float:right;overflow:hidden;width:300px;}

.movie_search {text-align: center;margin-bottom: 20px}
.movie_search .input_basic2 {background: #fbfbfb;width:350px;font-size: 12px;}
.movie_search button {margin-left: 5px;line-height: 14px;padding:0px 8px}


.movie_headerline { background: #fff; border: 1px solid #e4e4e4; position: relative; margin-bottom: 30px }
.movie_headerline .left_conner em,
.movie_headerline .left_conner b,
.movie_headerline .first em,
.movie_headerline .last em { background: url(/pics/movie_headerline.gif) no-repeat; width: 3px; height: 3px; position: absolute; _background: none }
.movie_headerline .left_conner em { left: -1px; top: -1px; background-position: 0 0 }
.movie_headerline .left_conner b { left: -1px; bottom: -1px; background-position: 0px -3px }
.movie_headerline .first em { right: -1px; top: -1px; background-position: -3px -6px }
.movie_headerline .last em { right: -1px; bottom: -1px; background-position: -3px -9px }
.movie_headerline .first .on em { background-position: -3px -12px }
.movie_headerline .last .on em { background-position: -3px -15px }

#content_menu1 { display: block }
.movie_headerline .content { display: none; width: 392px; padding: 10px; float: left; overflow: hidden; height: 215px }
.movie_headerline .content .title { margin-bottom: 3px }
.movie_headerline .content .title a { float: left; font-size: 14px; margin-right: 10px }
.movie_headerline .content .title span { float: left }

.movie_headerline .grade {color: #ff5138;font-size: 12px;font-weight: bold;margin-left: 10px }
.movie_headerline ul.menu {width:175px;float: right;border-left: 1px solid #e4e4e4; height:235px }
.movie_headerline ul.menu li { height: 58px; border-bottom: 1px solid #e4e4e4 }
.movie_headerline ul.menu li div.clearfix { #height: 58px }
.movie_headerline ul.menu li.last { border: none }

.movie_headerline ul.menu li .on { background: #e4e4e4; position: relative }
.movie_headerline ul.menu li .arrow { display: none }
.movie_headerline ul.menu li .on .arrow { display: block; position: absolute; background: url(/pics/movie_headerline_arrow.gif) no-repeat;left:-11px;top:20px;width:10px;height: 13px;overflow: hidden}

.movie_headerline ul.menu li .img { float: left; display: inline; padding: 5px; width: 30px; height: 48px }
.movie_headerline ul.menu li .intro { margin-left: 40px; padding-top: 10px; padding-left: 5px; color: #ff5138; font-size: 10px }
.movie_headerline ul.menu li .intro a { font-size: 12px }
.movie_headerline .allstar50,
.movie_headerline .allstar45,
.movie_headerline .allstar40,
.movie_headerline .allstar35,
.movie_headerline .allstar30,
.movie_headerline .allstar25,
.movie_headerline .allstar20,
.movie_headerline .allstar15,
.movie_headerline .allstar10,
.movie_headerline .allstar05,
.star .allstar50,
.star .allstar45,
.star .allstar40,
.star .allstar35,
.star .allstar30,
.star .allstar25,
.star .allstar20,
.star .allstar15,
.star .allstar10,
.star .allstar05 { float: left; margin-top: 3px }

.movie_headerline .content .headerline_img { float: left; display: inline; width: 105px; height: 155px; overflow: hidden; margin-bottom: 8px }
.movie_headerline .content .headerline_img img { width: 105px }
.movie_headerline .content .headerline_content { float: right; width: 275px; *width: 280px }
.movie_headerline .content .ul { clear: both; margin: 5px 0 }
.movie_headerline .content .headerline_review { color: #666; padding-top: 5px }
.movie_headerline .content .headerline_review a { margin: 0 5px }
.movie_headerline .intro a.title { display: block; height: 19px; overflow: hidden }

.movie_new {margin-bottom: 30px;}
.movie_new h2 {margin-bottom: 15px}
.movie_new ul.content li{float: left;width:285px;padding-right: 10px;border-bottom: 1px dashed #ddd;margin-bottom: 20px;padding-bottom: 3px;height: 130px;overflow: hidden}
.movie_new ul.content li .img {float: left;width:80px;height: 140px;overflow: hidden}
.movie_new ul.content li .intro {float:right;width:200px;color: #000}
.movie_new ul.content li .intro h3 {background: none;margin:0;padding:0;font-size: 14px;line-height: 16px;height: auto}
.movie_new ul.content li .intro h3 span {color:black;font-size:14px;line-height: 16px;margin-right: 5px}
.movie_new ul.content li .intro .star {color: #ff5138;font-size: 10px}


.movie_review {margin-bottom: 30px}
.movie_review h2 {margin-bottom: 0px}
.movie_review .ilst {display: none}
.movie_review .nlst {margin-left: 0}
.movie_review .clst {margin-left: 3px; padding-left: 0 }

.music_new { margin: 30px 0  }
.music_new { margin-bottom: 30px }
.music_new h2 {margin-bottom: 15px}
.music_new ul.content li{float: left;width:285px;padding-right: 10px;border-bottom: 1px dashed #ddd; margin-bottom: 20px; padding-bottom: 3px; height: 105px; overflow: hidden }
.music_new ul.content li .img { float: left; width: 85px; height: 105px; overflow: hidden }
.music_new ul.content li .intro { float:right; width: 190px; color: #000 }
.music_new ul.content li .intro h3 {background: none;margin:0;padding:0;font-size: 14px;line-height: 16px;height: auto}
.music_new ul.content li .intro h3 span {color:black;font-size:14px;line-height: 16px;margin-right: 5px}
.music_new ul.content li .intro .star {color: #ff5138;font-size: 10px}

.music_review {margin-bottom: 30px}
.music_review h2 {margin-bottom: 0px}
.music_review .ilst {display: none}
.music_review .nlst {margin-left: 0}
.music_review .clst {margin-left: 3px}



.newtags {margin-bottom: 30px}
.newtags h2 {margin-bottom: 0;}
.newtags ul.content {padding: 10px 0;border-bottom: 1px dashed #ddd;}
.newtags ul.last {border-bottom: none;}
.newtags ul.content li {overflow: hidden;float: left; margin: 5px 8px}

.movie_top {margin-bottom: 30px}
.movie_top ul li{border-bottom: 1px dashed #ddd;padding:0 0 7px 0;margin-bottom:7px;line-height: 14px;}
.movie_top ul li div.no {float: left;font-size: 12px;text-align: center;color: #666;}
.movie_top ul li div.name { float: left; width: 250px; overflow: hidden ;padding-top: 5px;padding-bottom: 5px}
.box_chart { float: left; width: 230px; word-wrap: break-word; overflow: hidden }
.box_chart_num { float: right }
.movie_top ul li div.up,.movie_top ul li div.down,.movie_top ul li div.stay {color: #999;display: block;font-size: 10px;padding-left: 2px;}
.movie_top ul li div.down {background-position: 0 -12px;}
.movie_top ul li div.stay {background-position: 0 -24px;}

.movie_show .content dl dt {height:100px;}
.movie_show .content dl dd {color:#999}

.bigstar50,.bigstar45,.bigstar40,.bigstar35,.bigstar30,.bigstar25,.bigstar20,.bigstar15,.bigstar10,.bigstar05,.bigstar00 {background: url(/pics/all_bigstars.gif) no-repeat;height: 14px;display: block; color:#999;overflow:hidden; font-size: 14px;line-height:100%;width: 75px;}

.bigstar50 {background-position:0 0;}
.bigstar45 {background-position:0 -15px;}
.bigstar40 {background-position:0 -30px;}
.bigstar35 {background-position:0 -45px;}
.bigstar30 {background-position:0 -60px;}
.bigstar25 {background-position:0 -75px;}
.bigstar20 {background-position:0 -90px;}
.bigstar15 {background-position:0 -105px;}
.bigstar10 {background-position:0 -120px;}
.bigstar05 {background-position:0 -135px;}
.bigstar00 {background-position:0 -150px;}

#tablern .block5 {width:300px;overflow:hidden}
#tablern .block5 .content {width:400px}
#tablern .block5 .content dl {margin-right:20px}
#tablerm .block5 .content dl {margin: 0 5px 10px 0}
.movie_headerline div.content{_position:absolute;_z-index:-1}
.movie_headerline .content .headerline_content{_float:left;_margin-left:8px }
.movie_review .clst{_overflow:visible;}
/*.movie_review h3,.movie_review .obss,.movie_review .clst div{_width:630px;_float:left;}*/
.fav{margin-bottom:20px;}
.fav .obs{width:89px;margin-bottom:15px}
.fav .obs dd{height:auto;margin-bottom:5px;text-align:center;}

.page_address .mi {width:80px;margin-right:3px}
.page_address .address_suggest {width:180px;}
.page_address .district {padding:5px 0 5px 0;}
#event_albums{overflow:hidden;width:100%}

/* patch_090507 by mockee */
.block5 .content dl dd { margin: 0; padding-top: 3px; overflow: hidden }

/* brand list */
.column4_list { margin: 10px 0 0 5px }
.column4_list h1 { margin: 0; padding: 0 }
.column4_list p { margin: 0; _padding: 5px 0 0 0 }
.column4_list li { float: left; display: inline; width: 100px; margin: 0 50px 30px 0 }
.dlist{padding-bottom: 20px;border-bottom:1px dashed #ccc}

/* doulists */
.col2_doc_text { margin-left: 65px }
.block5 .content dl dd.long{height:100px}

/* float */
.fleft { float: left }
.fright { float: right }
.cleft { clear: left }

/* clear both */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1; display: inline-block; _height: 1px }
*html .clearfix { height: 1% }
.clearfix { display: block }

/* subject rating */
/* new */
.rating_wrap { font-size: 10px; line-height: 18px }
#interest_sect_level { clear: both; padding: 20px 0 3px; }
.ul_subject_menu { margin-left:-15px; }
.ul_subject_menu li { float:left;display:inline;line-height:14px;margin-left:15px; }
.ul_subject_menu .rr { float:none; }

.rating_self { margin: 0 0 15px 0; padding: 0; line-height: 0 }
.rating_detail_wrap { padding: 10px 0 50px }
.rating_detail_wrap .fleft, .rating_detail_wrap .starstop, .rating_detail_wrap .power { float:none;display:inline-block;*display:inline;zoom:1;vertical-align:middle; }
.rating_detail_star { float: left; width: 265px; line-height: 21px }
.rating_detail_chart { float: left; width: 321px }
.rating_detail_chart p { margin: 0 }
.dlist li { margin-bottom: 13px; border-bottom: 1px dashed #ddd }
.dlist li p { margin: 0; padding: 0 0 10px 0 }
.dlist li .dlist_content { float: left; width: 550px }

.rating_list ul { padding-bottom: 10px }
.rating_list li { margin: 0 0 3px }
.rating_list li.on { padding: 2px 0 }
.rating_list li.on a { background: url(/pics/green_tab.gif) no-repeat left top; display: inline-block; padding: 0 0 0 3px }
.rating_list li.on a span {background: url(/pics/green_tab.gif) no-repeat right top;display: block;line-height: 12px;padding:2px 3px 2px 0;color:#fff}


/* color links*/
.bicelink a { color: #369; }
.bicelink a:hover { color: #fff; background: #369 }

/* font color */
.color_red,
.color-red { color: red }
.color_gray,
.color-gray { color: #666 }
.color-green { color: #060 }
.color-orange { color: #e77200}

/* font size*/
.font_normal { font-size: 12px }

/* overlay */
.starstop { margin: 0 }
.power { background: #F5CBAD none repeat scroll 0 0 }
p.gact { margin: 0 }
.zbar div { padding-left: 2px; }
.rating_num { color: red; font-size: 14px; line-height: 18px; padding: 0 0 0 8px }
.rating_nums { color: #ff5138; font-size: 10px; padding: 0 5px 0 0 }
.subjectwrap{ position: none; float: none; width: auto }

.input_read_only { color: #666; background: #eee }

.show { display: block }
.hide { display: none }

.add_vote { padding: 2px 0 }
.add_vote .add_vote_name {width: 100px; float: left; text-align: right; color: #666}
.add_vote .add_vote_subject,
.add_vote .add_vote_button,
.add_vote .line { margin-left: 110px }
.add_vote .add_vote_subject input,
.add_vote .add_vote_subject textarea { width: 380px }
.add_vote .line { border-bottom: 1px dashed #ddd; height: 1px; line-height: 1px; font-size: 1px; margin-top: 3px; margin-bottom: 6px }
.add_vote .add_vote_button { margin-top: 20px }

.vote_wrapper { margin: 10px 0 5px 0 }
.vote_wrapper h2,
#vote_list_right li h2 { color: #000; margin: 0; padding: 0; font-weight: normal }
.vote_wrapper ul,
#vote_list_right li { margin: 15px 0 }
#vote_list .vote_wrapper ul li,
#vote_list_right li ul li { border: none; margin: 0 }
.vote_wrapper ul li span { padding-right: 20px }
.vote_wrapper ul li .vote_item { float: left; width: 265px; word-wrap: break-word; }
.vote_wrapper ul li .vote_item_long { float: left; word-wrap: break-word; }
.vote_wrapper ul li .vote_item input,
.vote_wrapper ul li .vote_item_long input { float: left; width: 15px }
.vote_wrapper ul li .vote_item label { float: left; width: 240px }
.vote_wrapper ul li .vote_item_long label { float: left; width: 450px }
.vote_wrapper ul li .vote_line { float: left; overflow: hidden; width: 180px }
.vote_wrapper ul li .vote_line em { float: left; height: 8px; width: 150px; font-size: 0; margin-top: 5px; background: #e0e78a }
.vote_wrapper ul li .vote_percent { float: left; width: 50px; color: #aaa; font-size: 10px }
.vote_wrapper p,
#vote_list_right p { color: #666; margin: 0; padding: 0 }
.vote_wrapper p .voted { color: #aaa; margin-right: 20px }
.vote_wrapper input { vertical-align: middle }
#vote_list li { margin-bottom: 30px; border-bottom: 1px dashed #ccc }
#vote_list li.last { border: none }
#vote_list_right li ul { margin: 15px 0 }
#vote_list_right li { padding-bottom: 3px; margin-bottom: 25px; border-bottom: 1px dashed #ccc }
#vote_list_right p.pt15 { padding-top: 15px }

/* margin & padding */
.pt6 { padding-top: 6px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt30 { padding-top: 30px }
.pt40 { padding-top: 40px }
.pr5 { padding-right: 5px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pl20 { padding-left: 20px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mt40 { margin-top: 40px }
.mt90 { margin-top: 90px }
.mr3 { margin-right: 3px }
.mr4 { margin-right: 4px }
.mr5 { margin-right: 5px }
.mr6 { margin-right: 6px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.mr30 { margin-right: 30px }
.mb5{ margin-bottom:5px }
.mb8 { margin-bottom: 8px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mb40 { margin-bottom: 40px }
.mb50 { margin-bottom: 50px }
.ml8 { margin-left: 8px }
.ml10 { margin-left: 10px }

/* common interest */
#common .prev, #common .next { float: left; margin-top: 40px }
#common .prev a { display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(/pics/left_right.gif) no-repeat -6px -7px }
#common .prev a:focus { outline: none}
#common .prev .dis { cursor: default; background: url(/pics/left_right.gif) no-repeat -6px -40px}
#common .next a { display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(/pics/left_right.gif) no-repeat -34px -7px }
#common .next a:focus { outline: none }
#common .next .dis { cursor: default; background: url(/pics/left_right.gif) no-repeat -34px -40px }
#common div { float: left; width: 525px; height: 105px; overflow: hidden; padding-bottom: 20px }
#common #win { width: 9999px }

/* img hover */
#rating a:hover,
.content dt a:hover,
.mbtl a:hover,
.img a:hover,
.ob dt a:hover,
.aob a:hover,
a.nbg:hover,
a.gtright:hover,
a.a_show_request_join_form:hover,
.headerline_img a:hover { background: none }

/* ie hack */
body { *margin: 8px 0 }

/*短评*/
.interest_form .tags { margin: 10px 0 }
.interest_form dt { float: left; width: 65px;color:#666; }
.interest_form dd { float: left; width: 400px; margin: 0 0 3px; line-height: 23px }
#mytags { margin-top: 10px }
.rate_stars { padding-bottom: 10px }
.indentpop { padding: 10px 18px }

.w210 { width: 210px; word-wrap: break-word;}
.w240 { width: 240px; word-wrap: break-word; }
.w250 { width: 250px }
.w450 { width: 450px }
.w490 { width: 490px; word-wrap: break-word; overflow: auto }
.w500 { width: 500px }
.w550 { width: 550px }
.h65 { height: 65px }
h2.green_tab a.redbutt { float: right; margin: 0; padding: 0 7px 0 0 }
h2.green_tab .pl a { float: none; margin: 0; padding: 0; }
.simple_list li { padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px dashed #ddd }
.simple_list h3 { font-size: 12px; margin: 0; padding: 0; height: auto; background: none }
.simple_list p { word-wrap: break-word; overflow: hidden; margin: 0; padding: 0 }
.simple_list .userface { float: left; width: 48px; margin-right: 12px }
.simple_list .comment { float: left; width: 569px }
.title_line { padding-bottom: 4px; margin-top: 14px; border-bottom: 1px solid #ddd }

/* page 页面短评 */
.simple_list { margin: 15px 0 50px }

/*全部短评*/
#all_comment { margin: 15px 0 0 }
#all_comment .comment { width: 521px }

/* event map */
#event_map,
#event-map { width: 308px; height: 260px; margin-bottom:30px; overflow: hidden }
#event_map a:hover,
#event-map a:hover { background: none }
#event-map .map-confirm a:hover { background: #039 }
.map-confirm h2 { color: #000; font-weight: bold; width: 200px; margin-bottom: 0 }
.map-confirm p { line-height: 18px; margin: 6px 0 0; padding: 0 }
.map-confirm p.evt-address { margin: 0; width: 214px; word-wrap: break-word }
.map-confirm textarea { width: 206px; height: 50px; margin-bottom: -5px; font-size: 12px }
.gray-border { border: 1px solid #ccc }
.pos-comment { width: 206px; word-wrap: break-word }
.align-right { text-align: right }

/* policy */
ol.policy li{margin:8px 0}

/* tags */
.tags-list { margin-bottom: 15px; line-height: 23px }
.tags-list a { margin-right: 20px }

/*review digg*/
.review-panel { padding-top:30px; }
.review-panel ul { padding: 15px 0 0 }
.review-panel li { float: left; display: inline; height: 16px; line-height: 16px }
.review-panel li.rec { float: right }
.review-panel .rec a:hover{background:#003399}
a.btn-red,
a.btn-green,
a.btn-brown { display: block; height: 16px; width: 30px; padding-right: 5px; line-height: 16px; *line-height: 17px; background: url(/pics/btn-red.gif) no-repeat right top }
a.btn-green { background: url(/pics/btn-green.gif) no-repeat right top }
a.btn-brown { background: url(/pics/btn-brown.gif) no-repeat right top }
a.btn-red span,
a.btn-green span,
a.btn-brown span { display: block; color: #a49099; padding-left:5px; background: #fff url(/pics/btn-red.gif) no-repeat }
a.btn-green span { color: #6ca767; background: #fff url(/pics/btn-green.gif) no-repeat }
a.btn-brown span { color: #977c87; background: #fff url(/pics/btn-brown.gif) no-repeat }

/* review buttons */
.review-note { padding-top:5px; }
.review-stat { color:#666; }
.review-stat em { color:#666;font-style:normal; }
.review-stat .useful { margin-right:6px; }
.btn-useful, .btn-unuseful { display:inline-block;*display:inline;*zoom:1;line-height:22px;*line-height:23px;vertical-align:middle;text-align:center;margin:0 2px;*margin:0;width:42px;height:22px;overflow:hidden;margin-bottom:2px; }
a.btn-useful:link,
a.btn-useful:visited,
a.btn-useful:hover,a.btn-useful:active { color:#333;background:transparent url(/pics/bg_rev.png) no-repeat 0 0; }
a.btn-useful:hover,a.btn-useful:active { background-position:0 -22px; }
a.btn-unuseful:link,
a.btn-unuseful:visited,a.btn-unuseful:hover,a.btn-unuseful:active { color:#333;background:transparent url(/pics/bg_rev.png) no-repeat -42px 0; }a.btn-unuseful:hover,
a.btn-unuseful:active { background-position:-42px -22px; }

/* group topic new */
.topic-content .user-face,
.topic-reply .user-face { float: left; width: 48px; height: 48px; overflow: hidden }
.topic-content .topic-doc { float: right; width: 520px; margin-bottom: 30px }
.topic-content .topic-doc h3 { margin: 0; padding: 5px 0; height: auto; background: none }
.topic-content .topic-doc p { margin: 0; padding: 0; word-wrap:break-word; overflow: hidden }
.topic-content .topic-opt { padding: 15px 0 0 }
.topic-content .topic-opt .fleft { color: #666; margin-right: 10px }
.topic-reply li { margin: 0 0 20px 48px }
.topic-reply li .reply-doc { float: right; width: 473px }
.topic-reply li .reply-doc h4 { margin: 0 0 15px 4px; height: 22px; line-height: 22px }
.topic-reply li .reply-doc p { margin: 0 0 25px 0; word-wrap:break-word; overflow: hidden }
.bg-img-green { display: block; background: url(/pics/topicbar.gif) no-repeat }
.group_banned { text-align: right }

.timeline-album { float: left; margin: 8px 12px 8px 0 }
.timeline-album-rec { float: left; margin: 8px 14px 0 0 }

/* book versions and series */
.bkses { padding: 15px 0; border-top: 1px #ddd solid }
.bkimg { float: left; margin-left: 5px; margin-top: 5px }
.bkdesc { margin-left:95px; }
.bkcount { float: left; color: #666; margin-right: 6px }
.about { margin-top: 6px }
.bkstar { float: left; margin-top: 3px }
.avgr{ color: #ff5138; font-weight: bold }
.bkbi{ float: right; color: #777 }
.bkbuy{ float: right; color: #777; width: 154px }
.bkbuy div { margin-bottom: 5px }
.hideif00is0{ display: none }

/* group request list */
.border-none { border: none }

ul.group-request-list { margin: 16px 0; padding-top: 7px; border-top: 1px dashed #ccc }
ul.group-request-list li { border-bottom: 1px dashed #ccc; padding-bottom: 7px; margin-bottom: 8px }
ul.group-request-list li ul li { float: left; display: inline; padding-bottom: 0; margin-bottom: 0; border: none }
ul.group-request-list li ul li p { margin: 0; padding: 0 }
ul.group-request-list li ul li.mr3 { height: 4em; line-height: 4em; overflow: hidden }
ul.group-request-list li ul li.w500 { _width: 499px }
ul.group-request-list li ul li .fright { margin-bottom: 5px }
ul.group-request-list li ul li .fright a { margin-left: 8px }

.group-request-words { width: 380px; clear: both }
.group-request-userface { margin-right: 15px }
.group-request-userface img { border: 1px solid #ddd; margin-top: 3px }

/* other */
.indent3 { padding-left:50px }

/* userinfo  */
.userface-border,
.userinfo-block { display: none; position: absolute; border: 1px solid #e0e0e0; border-right: 1px solid #b5b5b5 }
.userface-border { border-bottom: 1px solid #fff; margin: 5px 0 0 -7px; width: 60px; height: 60px; z-index: 999 }
.userinfo-block { padding: 5px 6px; width: 180px; margin: 66px 0 0 -7px; background: #fff }
.userinfo-block ul li { float: left; width: 50% }
#user a:hover .userface-border,
#user a:hover .userinfo-block { display: block }

/* admin */
.admin-text { color: #f92d09 }
a.admin-link { color: #f92d09; background: none }
a.admin-link:hover { color: #fff; background: #f92d09 }

/* book index new */
.search-wrap { margin: 5px 0 25px; text-align: center; }
.search-wrap .search-btn { padding: 0 8px }
.book-search { width: 350px; background: #fbfbfb; border: 1px solid #ccc; padding: 3px; color: #ccc }
.hot-tags { padding-bottom: 15px }
.hot-tags li { padding-bottom: 11px; margin-bottom: 13px; border-bottom: 1px dashed #ccc }
.hot-tags li ul li { float: left; display: inline; width: 180px; margin: 0 25px 0 0; padding: 0; border: none }
.hot-tags li ul li.last { margin-right: 0 }
.hot-tags-col5 { padding-bottom: 20px }
.hot-tags-col5 li { border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 10px }
.hot-tags-col5 li ul li { float: left; display: inline; width: 62px; margin: 0; padding: 0; border: none }
.rec-writers { border: 1px solid #ddd; position: relative; left: 0; top: 0; padding: 15px; margin-bottom: 30px }
.rec-writers p { color: #888; margin: 12px 0 2px 0 }
.rec-writers .close { margin: 0; position:absolute; top: 15px; right:15px }
.rec-writers .close .minisubmit { padding:0 4px; background:transparent; font-family:"Comic Sans MS"; float: none; color: #ccc }
.rec-writers .close .minisubmit:hover { background: #fff; color: #888 }
.tag-title { margin-bottom: 5px }
.tag-title a { color: #999 }
.tag-title a:hover { color: #fff; background: #999 }
.tag-items { font-size: 14px }
.tag-items a { float: left; margin: 0 13px 3px 0; white-space: nowrap }
.tag-items a.last { margin-right: 0 }
.tabs-wrap { clear:both; position: relative; overflow: hidden; height: 180px; width: 590px }
ul.cover-list { position: absolute; height: 158px; width: 590px; overflow: hidden; padding: 2px 0 20px }
ul.cover-list li { float: left; margin-right: 15px; width: 106px; overflow: hidden }
ul.cover-list li.last { margin: 0 }
ul.cover-list li a:hover { background: none }
ul.switch-dot { float: right; margin-top: 6px }
ul.switch-dot li { float: left; display: inline; width: 8px; height: 8px; margin-right: 4px; cursor: pointer; background: url(/pics/switch_dot_small.jpg) no-repeat 0 0 }
.switch-dot li.current { background-position: -12px 0 }
.entry-list-col2 li { border-bottom: 1px dashed #ddd; padding-bottom: 12px; margin-bottom: 17px }
.entry-list-col2 h2 { background: none }
.entry-list-col2 .cover { float: left; margin-right: 18px }
.entry-list-col2 li ul li { float: left; display: inline; width: 260px; padding: 0 35px 0 0; margin: 0; border: none }
.entry-list-col2-review { clear: both; padding-top: 8px }
.entry-list-col2-review p { margin: 5px 0 0; padding: 0}
.entry-star-small { margin: 0; padding: 0 }
.entry-star-small .star-img { margin-bottom: 0 }
.entry-star-small .font-small,
.entry-star-small .ml8 { line-height: 13px }
.entry-list-col1 { padding-bottom: 20px }
.entry-list-col1 h2 { margin: 0 0 6px }
.entry-list-col1 .quote { margin: 5px 0 0; padding: 0 0 0 15px; width: 205px }
.entry-list-col1 .info { float:left; width: 205px }
.entry-list-col1 li { border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 10px;overflow:hidden; }
.entry-list-col1 li .cover { float: left; margin-right: 18px }
.entry-list-col1 li .cover img { max-width: 70px }
.entry-list-col1 li .userface { float: left; margin-right: 14px }
.entry-list-col1 li p { margin: 0; padding: 0 0 2px }
.entry-list-col2s { padding-bottom: 20px }
.entry-list-col2s li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 293px; padding: 15px 0 10px; border-top: 1px dashed #ddd }
.entry-list-col2s .noline { border-top: none; padding-top: 0 }
.entry-list-col2s li .userface { float: left; margin-right: 14px }
.entry-list-col2s li .comment { float: left; width: 225px }
.entry-list-col2s li p { margin: 0; padding: 0 0 2px }
.entry-list-col3 { padding-bottom: 15px }
.entry-list-col3 li { float: left; display: inline; width: 103px; padding-top: 5px }
.entry-list-col3 li p { margin: 0; padding: 0; height: 100px; text-align: center; padding-bottom: 5px }
.entry-list-col3 li h2 { font-size: 12px; width: 100px; text-align: center }
.simple-dashed-list { padding-bottom: 25px }
.simple-dashed-list a { margin-right: 5px }
.simple-dashed-list p { margin: 0; }
.simple-dashed-list li { *width: 310px; padding-bottom: 5px; margin-bottom: 4px; border-bottom: 1px dashed #ddd }

.detail-frame { display: none }
.arrow-left { position: absolute; width: 6px; height: 9px; top: 30px; left: 0; margin-left: -6px; background: url(/pics/arrow_gray.gif) no-repeat }
.arrow-right { position: absolute; width: 6px; height: 9px; top: 30px; left: 326px; background: url(/pics/arrow_gray.gif) no-repeat -6px 0 }
.detail-tip { position: absolute; width: 300px; background: #fff; border: 1px solid #ddd; padding: 13px 13px 10px;word-wrap:break-word; }
.detail-tip h2 { color: #111; padding-top: 5px }
.detail-tip p { margin: 0 0 10px }
.detail-tip { border-color: #ddd;  }
.shadow-right { -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px #999 }
.shadow-left { -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: -2px 2px 2px #999; -webkit-box-shadow: -2px 2px 2px #999 }
.font-small { font-size: 10px }
.font-normal { font-size: 12px }
.color-red { color: red }
.color-lightgray { color: #aaa }

.pl20 { padding-left: 20px }
.mb25 { margin-bottom: 25px }

.chart-dashed-list { clear: both; border: 1px solid #eee }
.chart-dashed-list li { border-bottom: 1px dashed #ddd; padding: 15px 8px 5px; *padding-bottom: 15px }
.chart-dashed-list li.last { border: none; padding-bottom: 6px }
.chart-dashed-list p { float: left; margin: 0 0 10px; padding: 0 }
.chart-dashed-list p.cover { width: 125px; overflow: hidden }
.chart-dashed-list h2 { float: left; margin: 0; padding: 3px 0 8px; width: 445px }
.chart-dashed-list li .font-small,
.chart-dashed-list li .ml8 { line-height: 13px }
.chart-dashed-list li .star-img { margin-bottom: 0 }

.green-num-box { font-size: 10px; color: green; width: 15px; height: 15px; line-height: 15px; margin-right: 15px; text-align: center; background: url(/pics/chart_top.gif) no-repeat }

.arrow-up,
.arrow-stay,
.arrow-down { width: 20px; height: 15px; padding-left: 15px; color: #999; font-size: 12px; background: url(/pics/arrow-trend.gif) no-repeat }
.arrow-up { background-position: 0 3px }
.arrow-down { background-position: 0 -15px }
.arrow-stay { background-position: 0 -35px }

.grid-12-12 .article { float: left; width: 470px }
.grid-12-12 .aside { float: right; width: 470px }

.cover-col-4 li { float: left; margin: 0 10px 15px 0; height: 145px; max-width: 105px; min-width: 100px; overflow: hidden }
.cover-col-4 li a:hover { background: none }
.cover-col-4 li.clear { width: 0; height: 0; margin: 0 }
.cover-col-4 li.last { margin-right: 0 }
.l590 { left: 590px }

.btn-prev a,
.btn-prev a:active,
.btn-prev a:hover,
.btn-next a,
.btn-next a:active,
.btn-next a:hover { display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(/pics/left_right.gif) no-repeat -6px -7px }

.btn-prev a:focus,
.btn-next a:focus { outline: none }

.btn-prev a.dis,
.btn-prev a.dis:link,
.btn-prev a.dis:visited,
.btn-prev a.dis:hover,
.btn-prev a.dis:active,
.btn-next a.dis,
.btn-next a.dis:link,
.btn-next a.dis:visited,
.btn-next a.dis:hover,
.btn-next a.dis:active { cursor: default; background: url(/pics/left_right.gif) no-repeat -6px -40px}

.btn-next a,
.btn-next a:active,
.btn-next a:hover { background-position:  -34px -7px }

.btn-next a.dis,
.btn-next a.dis:link,
.btn-next a.dis:visited,
.btn-next a.dis:hover,
.btn-next a.dis:active { background-position: -34px -40px }

.img_link:hover { background: none }

.doulist-form { padding-top: 15px }
.doulist-form li { margin-bottom: 20px }
.doulist-form .doulist-form-item { float: left; font-size: 14px; color: #060; text-align: right; margin-right: 20px; width: 80px }
.doulist-form .doulist-form-input { float: left }

.radio-banner { width: 600px; height: 178px; margin: 15px 0 0; background: url(/pics/radio_banner.jpg) no-repeat }
.radio-banner a { display: block; position: relative; top: 92px; left: 418px; text-indent: -9999px; width: 100px; height: 33px }
.radio-banner a:focus { outline: none }
.radio-banner a:hover { background: none }

/* cart */
.cart_pop { padding:8px 12px; width:188px; font-size:14px; position:relative; }
.gray_bg { background: #f4f4f4 }
.lightyellow_bg { background: #FFFADC}
.lightyellow_box { padding: 8px 10px; background: #fffadc; border: 1px solid #faf3c9 }
.lightyellow_box li { padding: 3px 0; border-bottom: 1px dashed #ddd }
.lightyellow_box li.last { padding: 6px 0 0; border: none }
.aright { text-align: right }
#data_list { width: 100%; padding: 0; text-align: left; margin-bottom: 3px }
#data_list th, #data_list td { text-align:center;border-bottom: 1px dashed #ddd; padding: 10px 0 }
#data_list tr.last td { border: none }
.ml10 { margin-left: 10px }
.ml20 { margin-left: 20px }
.w20 { width: 20px }
.cart_info { max-width:400px; }
.sort_tabs{ width:95px }
.num_th {width:40px}
.vinfo{color:#777;width:600px;float:left;text-align:left}
.vname{color:#111; font-weight: bold;margin-right:5px}
#data_list .book_title{width:168px;text-align:left}
#interest_sect_level .bicelink .rr{float:none}

.works-link {float:right;color:#999;}
.works-link a{color:#999;}
.works-link a:hover{ background: none; text-decoration:underline; }
.submit_cart { color: #fff; background: #94c886; width: 80px; border: none; padding: 5px 0; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px}

.col2-list {width: 590px; margin: 15px 0 15px;}
.col2-list li{width: 250px; float:left}

.bold {font-weight:bold}
.rela{position:relative}
.home_radio_btn{position:absolute;top:-3px;left:212px;_top:-5px;_left:280px}
a.bn-playradio:link,
a.bn-playradio:visited,
a.bn-playradio:hover,
a.bn-playradio:active { color:#369;text-decoration:none;background:transparent url(/pics/bn_radio1.png) no-repeat; }
a.bn-playradio { display:inline-block;*display:inline;zoom:1;vertical-align:middle;width:108px;height:23px;line-height:23px;text-indent:25px;overflow:hidden; }


#music-events { margin-bottom:25px; }
#music-events li { margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ddd; }
#music-events .title { font-size:14px; }

.col2-list {width: 590px; margin: 15px 0 15px;}
.col2-list li{width: 250px; float:left}

/* subject view vs mode */
.vs-mod li { float: left; width: 293px; border: 1px solid #f0f8e8 }
.vs-mod h2 { text-align: center; height: 28px; line-height: 28px; padding: 0; margin: 0; background: #f0f8e8 }
.vs-mod h3 { font-size: 13px; padding: 0; margin: 0 0 3px; background: none; height: auto }
.vs-mod .vs-good .vs-content { padding: 10px 15px 15px 15px }
.vs-mod .vs-bad .vs-content { padding: 10px 10px 15px 20px }
.vs-mod .vs-bad { border-left: none }
.vs-detail p { margin: 3px 0 15px; word-wrap: break-word }
.vs-author { color: #aaa; margin: 0 0 8px }
.vs-author .stars { margin-left: 0 }
.vs-author a { margin-right: 5px }
.vs-useful { font-size: 12px; color: #666; float: right}
.vs-more { color: #aaa }

.tags-result { color: #666 }
.tags-result .tip { color: #999 }
.tags-result .add-tag { display: inline-block; cursor: pointer; color: #369; margin: 0 12px 0 0; word-spacing: nowrap;  }
.tags-result .add-tag:hover { color: #fff; background: #369 }
.tags-result .more { margin: 0 }
.tags-hide { display: none }
.tags-result .opt { display: inline-block }
.tags-hide input { border: 1px solid #ccc; padding: 2px; width: 120px; margin: 0 10px 0 0 }
.tags-add { margin: 0 5px 0 10px }
.tags-del { display: inline-block; position: relative; cursor: pointer; height: 12px; width: 12px; top: -10px; _top: -15px; left: 3px; background: url(/pics/del.png) no-repeat 0 -11px; overflow: hidden }
.tags-del:hover,
.tags-hover { background-position: 0 0 }

/*
 * new post button
 * by mockee 2010/03/08
 */
.bn-create,
.bn-create span,
.bn-post,
.bn-post span { display: inline-block; display: -moz-inline-stack; *zoom: 1; height: 22px; line-height: 0; font-size: 0; padding-left: 3px; vertical-align: middle; overflow: hidden;letter-spacing:4px; }
.bn-create,
.bn-create span,
.bn-post,
.bn-post span,
x:default { display:inline-block;}
.bn-create span,
.bn-post span { color: #333; padding: 0 8px 0 5px; background: url(/pics/post.gif) no-repeat 100% 0; line-height: 23px; font-size: 12px; cursor:pointer; }
a.bn-create, a.bn-post { background: url(/pics/post.gif) no-repeat 0 0; color: #9e9e9e; padding-left: 17px; }
.bn-create, .bn-create span { letter-spacing:0; }

.rec-intro { color: #666; height: 168px }
.tag-fav-cloud { padding: 15px 10px 10px; *padding: 15px 10px 0; text-align: center; line-height: 26px; border: 1px solid #e2f2d7; background: #f1f8ec }
.tag-fav-cloud a { display: inline-block; margin-right: 15px }
.tag-fav-cloud .all { font-size: 14px }
.tag-fav-cloud .current { color: #fff; background: #92B878; padding: 0 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px }
.c1 { font-size: 14px }
.c2 { font-size: 15px }
.c3 { font-size: 16px }
.c4 { font-size: 17px }
.c5 { font-size: 18px }
.c6 { font-size: 19px }
.c7 { font-size: 20px }
.c8 { font-size: 21px }
.c9 { font-size: 22px }
.c10 { font-size: 23px }
.c11 { font-size: 24px }
.rec-list { padding: 20px; border: 1px solid #e2f2d7 }
.list-col5 li { float: left; width: 129px; margin-right: 10px }
.list-col5 del { font-size: 13px; margin-left: 5px; color: #999; cursor: pointer }
.list-col5 del:hover { color: #000 }
.list-col5 .sep { display: block; float: none; font-size: 0; clear: both; padding: 0 0 25px }
.list-col5 .last { margin: 0 }
.list-col5 .cover { margin-bottom: 5px }
.list-col5 .title { display: block; font-size: 12px }
.list-col5 .info { display: block; color: #666; margin-bottom: 3px }
.list-col5 .star-img { display: inline-block; margin: 0 }
.list-col5 .count { color: #666 }
.list-col5 .cover-a { min-height: 80px }
.list-col5 .cover-a:hover { background: none }

/* for aside doulist rec */
.simple-dashed-list .entry { float: left; width: 230px; word-wrap: break-word }
.simple-dashed-list .rec-num { float: right; width: 65px; color: #666; }
.simple-dashed-list .tags { clear: both; color: #666 }
.simple-dashed-list .last { border: none }
.simple-dashed-list input { float: right; color: #aaa; cursor: pointer }
.simple-dashed-list input:hover { color: #fff }

.not-loading { display: block; float: right; margin: 5px 10px 0 0; height: 14px; width: 14px }
.loading { display: block; float: right; margin: 5px 10px 0 0; height: 14px; width: 14px; background: url(/pics/spinner.gif) no-repeat }
.loading-err { display: block; float: right; margin: 5px 10px 0 0; height: 14px; width: 14px; color: #fee; -moz-border-radius:4px 4px 4px 4px; background:none repeat scroll 0 0 #ff6666; border:1px solid #E2F2D7; line-height:15px }

/* movie poster and still */

.poster-col4 li { float: left; display: inline; width: 136px; margin: 0 15px 20px 0; overflow: hidden }
.poster-col4 .cover { overflow: hidden; font-size: 0; padding: 0; margin: 0 }
.poster-col4 .last { margin: 0 0 20px }
.poster-col4 .sep { float: none; display: block; margin: 0; padding: 0; clear: both; font-size: 0 }
.poster-col4 .name { display: block; font-size: 12px }
.poster-col4 .prop { color: #999; line-height: 18px }

.opt-bar-line { border-bottom: 1px dashed #ddd; padding: 0 0 5px; margin: 0 0 15px; color: #999 }
.opt-bar-line .opt-mid { position: absolute; margin-left: 250px }
.opt-bar-line .opt-left { position: absolute }

.filter-list { background: #f4f4ec; padding: 13px }
.filter-list li { margin: 0 0 8px }
.filter-list td.first { width: 120px }
.filter-list a { float: left; padding: 0 2px; line-height: 16px }
.filter-list .current a { color: #fff; padding: 0px 0px 0px 8px; line-height: 18px; background: url(/pics/green_tab.gif) no-repeat 0 0 }
.filter-list .current span { padding: 2px 8px 2px 0px; background: url(/pics/green_tab.gif) no-repeat 100% 0;line-height:12px;display:block; }
.filter-list ul { margin: 0 0 10px; border-bottom: 1px dashed #ddd }
.filter-list ul li { text-align: center }
.filter-list ul.last { margin: 0 0 -8px; border: none }
.filter-list .se { padding: 0 0 0 10px }

.magnifier { padding: 0 0 0 15px; background: url(/pics/magnifier.png) no-repeat left center }
.photo-show { margin: 0 0 10px; text-align: center; overflow: hidden }
.opt-bar .update { float: left; color: #666 }
.opt-bar .update .gact { margin-left: 20px }
.opt-bar .rec { float: right; color: #666 }
.rec-btn,
.rec-btn:hover { display: inline-block; *display: block; line-height: 10em; overflow: hidden; margin-left: 6px; width: 69px; height: 18px; background: url(/pics/recommend.gif) no-repeat }
.slidebar { margin: 0 0 40px }
.slidebar .btn-prev { float: left; margin: 30px 7px 0 0 }
.slidebar .btn-next { float: right; margin: 30px 0 0 }
.slidebar .slide-wrap { float: left; position: relative; height: 82px; width: 260px; overflow: hidden } 
.slidebar ul { position: absolute; *height: 82px; left: -267px; width: 9999px; overflow: hidden }
.slidebar li { float: left; margin: 0 7px 0 0 }
.slidebar .last { margin: 0 }
.slidebar li a { _float: left; display: block; color: #aaa; width: 70px; height: 70px; padding: 4px; text-align: center; border: 2px solid #eee }
.slidebar .current a,
.slidebar li a:hover { border-color: #91b776; background: none }
.slidebar li img { height: 70px; width: 70px; _margin-bottom: -4px }
.poster-info { font-size: 12px; margin: 0 0 30px }
.poster-info .last { padding-top: 5px }
.poster-search-list li { margin: 0 0 5px }

.pic-col5 { margin: 8px 0 0 }
.pic-col5 li { float: left; display: inline; font-size: 0; width: 100px; overflow: hidden; margin-right: 15px }
.pic-col5 .last { margin: 0 }

.upload-step li { float: left; display: inline; color: #ddd; height: 27px; line-height: 27px; font-size: 18px; padding-left: 50px; margin-right: 35px }
.upload-step .step1 { background: url(/pics/step_num.png) no-repeat }
.upload-step .step1-current { color: #111; background: url(/pics/step_num.png) no-repeat 0 -27px }
.upload-step .step2 { background: url(/pics/step_num.png) no-repeat 0 -54px }
.upload-step .step2-current { color: #111; background: url(/pics/step_num.png) no-repeat 0 -81px }
.upload-area { padding: 10px 0 0 100px }
.upload-info .poster { float: left; margin-right: 20px }
.upload-info ul { float: left; padding: 8px 0 0 }
.upload-info li { width: 400px; margin: 0 0 15px }
.upload-info label { float: left; width: 75px; text-align: right; margin: 0 13px 0 0 }

.form-star { color: red; font-size: 13px; font-weight: bold }
.kind-still, .kind-wall { display: none }
.poster-loader { display: inline-block; margin: 0 0 0 20px; width: 14px; height: 14px; background: url(/pics/spinner.gif) no-repeat}
.l260 { left: 260px }

#pos-ver { width: 120px; border: 1px solid #ddd; padding: 2px }
#pos-desc { width: 280px; height: 60px; border: 1px solid #ddd; padding: 2px }

/* for subject */
.add-more { float:right;color:#999;font-size:12px; *margin-top:-20px }

/*
 * friend to follow
 * by qingfeng 2010/04/20
 */
.title-bar { border-bottom: 1px solid #ddd; margin: 0 0 16px; padding: 0 0 5px }
.users-list li { float: left; display: inline; width: 196px; margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px dashed #ddd }
.users-list span { display: block; height: 18px; line-height: 18px }
.users-list .face { float: left; margin: 0 10px 0 0 }
.users-list .info { float: left }
.users-list .rel { color: #666 }
.users-list .opt a { color: #999 }
.users-list .opt a:hover { color: #fff; background: #369 }

/*
 * people page temp
 * by mockee 2010/04/28
 */
.bn-follow,
.bn-friend,
.bn-mail { display: inline-block; line-height: 11em; width: 71px; height: 18px; margin: 0 2px 0 0; overflow: hidden; }

.bn-follow,
.bn-follow:hover { background: url(/pics/add_contact1.gif) no-repeat }
.bn-mail,
.bn-mail:hover { background: url(/pics/send_doumail.gif) no-repeat }
.bn-friend,
.bn-friend:hover { background: url(/pics/add_friend1.gif) no-repeat }

.bn-follow:focus,
.bn-friend:focus,
.bn-mail:focus { outline: none }

#follow-dialog { width: 280px }
#profile .userface { float: left; margin: 1px 10px 8px 0 }
#dialog-msg { margin: 0 0 0 20px; color: red }
#captcha-input { display: block }
.pop-tips { display: block; color: #999; padding: 2px 0 0 19px }

.captcha-form { display: none; margin: 0 0 5px }
.captcha-form input { border: 1px solid #ddd; padding: 1px; margin: 0 6px 0 0 }
#captcha-input { margin: 2px 0 }
.top-blank { margin: 20px 0 0 }

/* ad */
.a-lnk{overflow:auto;display:block;margin-bottom:30px;line-height:1.5;}
.a-lnk img {float:left;margin-right:10px;border:0;}
a.a-lnk:hover,a.a-lnk:active { color:#369;background-color:transparent; }

/*
 * music chart
 * by xwyang (mockee) 2010/07/08
 */
.icon-play { background: url(/pics/playicon.png) no-repeat }

.col5 li { padding: 10px 0 8px; border-bottom: 1px solid #ddd }
.col5 .green-num-box { float: left; margin-right: 10px }
.col5 .face { float: left; width: 48px; margin: 0 18px -3px 0 }
.col5 .face:hover { background: none }
.col5 .intro { float: left; width: 400px }
.col5 .intro h3 { cursor: pointer; display: inline-block; _display: inline; zoom: 1; padding: 0 0 0 20px; margin: 0 0 2px; height: auto; background-position: 0 -33px }
.col5 .intro p { color: #666; margin: 0 }
.col5 .intro p.icon-play { cursor: pointer; display: inline-block; _display: inline; zoom: 1; padding: 0 0 0 20px; background-position: 0 -33px }
.col5 .trend { float: right } 
.col5 .days { float: right; color: #999; text-align: right; width: 64px }

.col3 li { padding: 3px 0; border-bottom: 1px dashed #ddd }
.col3 .rank { float: left; width: 12px; text-align: center; padding: 0 6px }
.col3 .entry { float: left; margin: 0; color: #666; width: 222px; }
.col3 .trend { float: right }
.col3 .green-num-box { float: left; margin-right: 10px }
.col3 .face { float: left; margin-right: 10px }
.col3 .intro { float: left; color: #666 }
.col3 .intro h3 { margin: 0; padding: 0; height: auto; background: none }
.col3 .intro p { margin: 0 }
.col3 .days { float: right; color: #999; text-align: right; width: 64px }

#pop_artist .col3 { border-bottom: 1px dashed #ddd }
#pop_artist .col3 li { padding: 10px 0 5px; border-bottom: 1px dashed #ddd }

.aside .mod { margin-bottom:40px;word-break:break-all; }
.mod:after { content:'\0020';display:block;clear:both; }

/* 
 * contacts groups 
 * by mockee 2010/06/03
 */
.a-btn, 
.a-btn-add,                                                                          
.a-btn-add-light,                                                                          
.a-btn-opt { display: inline-block; height: 20px; line-height: 20px; #line-height: 22px; line-height: 22px\9; overflow: hidden; *display: inline; zoom: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px } 

.a-btn:link,                                                                              
.a-btn:active,
.a-btn:hover,
.a-btn:visited,
.a-btn-opt:link,
.a-btn-opt:active,
.a-btn-opt:hover,
.a-btn-opt:visited { color: #797979; background: #fff3e7; border: 1px solid #e7d7ca; padding: 0 10px; outline: none }

.a-btn-add:link,
.a-btn-add:active,
.a-btn-add:hover,
.a-btn-add:visited { color: #584e46; border: 1px solid #d6b79d; padding: 0 22px 0 10px; background: #ffe6ce url(/pics/icon-add.png) no-repeat 63px center }

.a-btn-opt:link,
.a-btn-opt:active,
.a-btn-opt:hover,
.a-btn-opt:visited { padding: 0 18px 0 10px; background: #fff3e7 url(/pics/icon-arrow-down.png) no-repeat 38px center }

.a-btn-add-light:link,
.a-btn-add-light:active,
.a-btn-add-light:hover,
.a-btn-add-light:visited { color: #625850; padding: 0 10px 0 23px; background: #fdf9f5 url(/pics/icon-add.png) no-repeat 10px center; border: 1px solid #f1e5dc }

.user-info { color: #666 }
.user-opt { clear: both; padding: 8px 0 }
.user-intro { color: #666; word-wrap: break-word; overflow: hidden }
.user-group { display: none; color: #666; margin: 0 0 10px }

.user-group-arrow { position: relative; top: 5px; top: 7px\9; #top: 7px; _top: 6px; display: inline-block; *display: inline; zoom: 1; cursor: pointer; width: 17px; height: 17px; border: 1px solid #fff; margin: 0 0 0 -2px; *margin: 0 0 0 -4px; background: url(/pics/icon-arrow-down-b.png) no-repeat center center }
.set-group-list { display: none; position: absolute; z-index: 999; top: 17px; padding: 6px 0 10px; width: 170px; background: #fff; border: 1px solid #d0dcd6 }
.set-group-list li { margin: 0 0 1px; padding: 2px 10px; #padding: 1px 10px 3px; -moz-user-select: none; -webkit-user-select: none }
.set-group-list li:hover,
.set-group-list li.hover { color: #fff; background: #858585; #border: none }
.set-group-list label { margin-left: 2px; vertical-align: middle }
.set-group-list input { *margin-right: 0 }
.set-group-list .last { padding: 6px 10px 0; margin: 0 }
.set-group-list .last:hover { background: #fff; color: #333 }
.set-group-list .tips { display: block; color: #fab0b6; margin: 0 0 0 16px }
.set-group-list .tlimit { color: #fab0b6; margin: 2px 0 0 }
.set-group-list .create-new { display: block; color: #333; padding: 0 0 0 13px; _height: 14px; background: url(/pics/icon-add.png) no-repeat 0 center }
.input-create { border: 1px solid #d0dcd6; padding: 4px 3px 3px; color: #666; width: 142px }
.brown-border { border-color: #e2d0c1 }

/* for people page */
.user-opt .set-group-list { margin-left: -154px; background: #fff; border: 1px solid #e2d0c1 }
.user-opt .user-group-arrow { border-color: #fff6ee }
.user-opt .user-group-arrow:hover { background-color: #f7e9dc }
.user-opt .arrow-select { background-color: #fff6ee; border: 1px solid #e2d0c1; border-bottom: 1px solid #fff }
.user-list .arrow-select { background-color: #ebebeb; border: 1px solid #d0dcd6; border-bottom: 1px solid #fff }
.user-list .user-group-arrow:hover { background-color: #e9f4e9 }

.user-rs { margin: 0 0 0 15px; *margin: 0 3px 0 15px }
.user-cs { display: inline-block; *display: inline; zoom: 1; padding: 0 0 0 15px; background: url(/pics/icon-ok.png) no-repeat left }
.sep-line { clear: both; font-size: 0; height: 0; border-bottom: 1px solid #f5e9db; margin: 5px; overflow: hidden }

.user-group-list { display: none; position: absolute; margin: -6px 0 0; *margin: 21px 0px 0px -60px; width: 120px; background: #fff3e7; border: 1px solid #e2d0c1; padding: 6px 0 }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .user-group-list { margin: -1px 0 0 }
}
.user-group-list li { _height: 24px; _overflow: hidden }
.user-group-list a:link,
.user-group-list a:active,
.user-group-list a:visited { display: block; color: #666; padding: 2px 8px }
.user-group-list a:hover { color: #fff; background: #858585 }
.more-opt { display: inline-block; #display: inline; zoom: 1 }
.glist-all { margin: -1px 0 0 161px; margin: -1px 0 0 161px\9; #margin: 21px 0 0 -60px }
.fpl { float: left}
.fmore-opt { float: left; margin:-3px 0 0 5px;}

/* contacts list */
.aside .mod { margin: 0 0 40px; }
.user-list li { position: relative; #position: static; #z-index: 10; padding: 10px 0; *margin-bottom: -3px; border-bottom: 1px solid #eee }
.user-list > li:hover .ban { display: inline }
.user-list .current { background: #fff8f2 }
.user-list .face { float: left; width: 48px; height: 48px; margin: 0 13px 0 10px }
.user-list .info { float: left; width: 515px }
.user-list .info h3 { margin: 0 0 2px; height: auto; font: 14px; background: none }
.user-list .info p { position: relative; margin: 0; color: #999; line-height: 18px }
.user-list .quote { margin: 8px 0 0; padding: 0 24px 0 15px }
.info-box { text-align: center; background: #fff6ee; border: 1px solid #faefe4; padding: 10px 0; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px }
.info-box .input_search { width: 242px; font-size: 14px }
.user-list .user-cs { float: right; display: inline-block; *display: inline; zoom: 1; font-size: 12px; padding: 0 0 0 15px; background: url(/pics/icon-ok.png) no-repeat left }
.user-list .ban { position: absolute; right: 10px; #right: auto; bottom: 5px; #bottom: auto; #margin: 46px 0 0 -50px; _margin: 36px 0 0 -50px; display: none; color: #999; cursor: pointer }
.user-list .quote span.inq { max-width: 400px }

/* follow popwin */
.custom-popwin { width: 360px; }
.pop-narrow { width: 320px }
.custom-popwin h1 { _position: relative; font-weight: normal; font-size: 14px; color: #038013; width: 346px; background: #ebf5eb url(/pics/icon-ok-b.png) no-repeat 15px center; height: 40px; line-height: 40px; padding: 0 0 0 40px; margin: -17px 0 0 -12px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-border-top-left: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px }
.pop-narrow h1 { _position: relative; width: 326px; background: #ebf5eb; padding: 0 0 0 20px }
.custom-form { padding: 26px 10px 12px }
.custom-popwin .arrow-select,
.custom-popwin .arrow-select .user-group-arrow,
.custom-popwin .arrow-select .user-group-arrow:hover { border-color: #e6e6e6; background-color: #e6e6e6 }
.sel-wrapper { float: left; padding: 0 2px 0 10px; margin: 0 0 20px; background: #f5f6f5; cursor: pointer; border: 1px solid #d4ded9; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }
.sel-wrapper .user-group { margin: -4px 0 0; margin: -5px 0 1px\9; #margin: -2px 0px 2px }
.sel-wrapper .user-rs { margin: 0; #margin: 0 -5px 0 0 }
.sel-wrapper .user-group-arrow { border-color: #f5f6f5; #margin: 0; #top: 3px }
.sel-wrapper .user-group-arrow:hover { border-color: #f5f6f5; background-color: #f5f6f5 } 
.sel-wrapper .set-group-list { top: 87px; left: 22px }

/* for my contects page */
.user-list .set-group-list { margin-left: -154px }
.user-list .set-group-list li { #z-index: 9999; border: none; padding: 2px 10px; #padding: 1px 10px 3px; #margin: 0 0 1px }
.user-list .set-group-list .last { padding: 6px 10px 0; margin: 0 }
.follow-msg { font-size: 12px; line-height: 18px; border: 1px solid #cbd8d2; padding: 7px; margin: 0 0 16px; width: 325px; height: 45px }

/* common button */
.lnk-flat,
.bn-flat { display:-moz-inline-box;display:inline-block;border-width:1px;border-style:solid;border-color:#bbb #bbb #999;*display:inline;*zoom:1;color:#444;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:hidden;vertical-align:middle; }
.bn-flat:hover,
a.lnk-flat:hover { border-color:#999 #999 #666;color:#333; }
.lnk-flat,
.bn-flat input { border:none;height:25px;padding:0 14px;color:#333;background:transparent url(/pics/site/sp_all_2.png) repeat-x 0 -700px\9;font-size:12px;*padding:3px 8px 0;margin:0 !important;cursor:pointer;-webkit-appearance:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; background-image: -moz-linear-gradient(-90deg, #fcfcfc 0, #e9e9e9 100%); background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #fcfcfc), color-stop(1, #e9e9e9)); }
a.lnk-flat:hover,
a.lnk-flat:active,
.bn-flat input:hover,
.bn-flat-over input{ color:#333 !important;background-color:transparent !important;background-position: 1px -706px\9; background-image: -moz-linear-gradient(-90deg, #f8f8f8 0, #ddd 100%); background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #f8f8f8), color-stop(1, #ddd)); }
a.lnk-flat:active,
.bn-flat input:active,
.bn-flat-active input{ background:#ddd !important;color:#333 !important;border-color:#999 #999 #666 !important;  }
.lnk-flat { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.lnk-flat { height:24px;padding:0 8px;line-height:24px;border:1px solid #d9d9d9; }
a.lnk-flat:link,
a.lnk-flat:visited { color:#333;background:transparent url(/pics/site/sp_all_2.png) repeat-x 0 -641px\9; }
a.lnk-flat:hover { color:#333;background-position: 0 -701px\9; }
a.lnk-flat:active { color:#333;background:#ebebeb; }

@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0){
	.lnk-flat, .bn-flat input { background:transparent url(/pics/site/sp_all_2.png) repeat-x 0 -700px; }
	a.lnk-flat:hover, a.lnk-flat:active, .bn-flat input:hover, .bn-flat-over input { background-position: 1px 706px; }
	a.lnk-flat:link, a.lnk-flat:visited { background:transparent url(/pics/site/sp_all_2.png) repeat-x 0 -641px; }
	a.lnk-flat:hover { background-position: 0 -701px; }
}

.bn-small { background:#ffdddd;border:1px solid #ffabab;color:#ff7676;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-appearance:none;cursor:pointer;height:14px\9;*height:15px;padding:0 2px;*padding:0; }
a.bn-small:link, a.bn-small:visited, a.bn-small:hover, a.bn-small:active { background:#ffdddd;color:#ff7676;padding:0 4px;line-height:1.8;font-size:12px;*line-height:1.3;zoom:1;*height:13px;*overflow:hidden; }


/* popwin button */
.input-btn { cursor: pointer; padding: 3px 12px; padding: 5px 12px 2px\9; #padding: 5px 12px 2px; border: 1px solid #d4ded9; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 5px; background: #f5f7f6; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f9f8), to(#f3f5f4)); background: -moz-linear-gradient(-90deg, #f8f9f8, #f5f7f6); background: #f8f9f8\9; #background: #f8f9f8; overflow: visible }
.input-btn:active { background: #e6e6e6 }
.follow-btns { text-align: right }

#db-talk-hd h2.green_tab .sep-wide a { margin: 0 13px 0 0 }
#db-talk-hd h2.green_tab .sep-wide a.last { margin-right: 0 }

#db-timeline-hd { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 5px }
#db-timeline-hd .menu-list { float: left; width: 515px; padding-top: 3px }
#db-timeline-hd .menu-list li { float: left; display: inline; _position: relative; _z-index: 88; margin: 0 10px 0 0 }
#db-timeline-hd .menu-list li a { _float: left; zoom: 1; display: block; padding: 0 2px; white-space: nowrap; _overflow: hidden; height: 16px; line-height: 16px }
#db-timeline-hd .menu-list .on a { color: #fff; padding: 0 5px; background: #83bf73; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }
#db-timeline-hd .opt-area { float: right }
#db-timeline-hd .last { margin: 0 }

/* for index page */
#miniblog .menu-list { width: auto }
.icon-edit { position: relative; #top: -3px; #left: -1px; _top: 3px; display: inline-block; height: 9px; width: 9px; background: url(/pics/icon-edit.png) no-repeat }

.user-group-opt { float: right; font-size: 12px; margin: -2px 0 0; #margin: -23px 0px 0px }
.color-lightgray { color: #b1b4b5 }
.gray-loader { position: relative; margin: 0 2px 0 0; *margin: 4px 2px 2px 4px; vertical-align: middle }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .gray-loader { margin: 0 1px 0 0; }
}
.group-opts-list { display: none; position: absolute; z-index: 99; _top: 16px; _left: 0; padding: 5px 0; width: 80px; color: #333; border: 1px solid #d0dcd6; background: #fff }

#db-timeline-hd .group-opts-list li { float: none; display: block; cursor: pointer; color: #666; margin: 0; padding: 2px 0 2px 8px }
#db-timeline-hd .group-opts-list li:hover,
#db-timeline-hd .group-opts-list li.hover { border: none; color: #fff; background: #858585; margin: 0 }

.large-input { border: 1px solid #d0dcd6; padding: 6px; width: 288px }
.custom-form .tips-area { display: block; color: #aaa; padding: 3px 0 0 }
.custom-form .tlimit { color: #fab0b6 }

.group-tags { width: 515px }

.bn-std1, a.bn-std1:hover, .bn-std1 span { display:inline-block;*display:inline;*zoom:1;height:20px;overflow:hidden;background:transparent url(/pics/bg_bn_red.png) no-repeat 0 0; }
.bn-std1 span { background-position:100% 0;padding:0 10px;overflow:hidden;height:20px;line-height:20px;*line-height:22px;color:#524942;margin-left:3px; }

/* 
 * mypage
 * by everbird(tinglv) 2010/07/19
 */
/*edit by everbird-start*/
.tag-list { width: 220px }
.tag-list li { border-bottom: 1px dashed #ddd; padding: 2px 5px }
.tag-list span { float: right }
.tag-list .on { color: #fff; background: #92b878 }
.tag-list .on a { color: #fff }
#db-usr-profile .info ul .sep { margin-left: -8px; margin-right: 4px; color: #eee }
.mod .opt .vv { margin-right: 3px; background: url(/pics/v.gif) no-repeat 0px 3px }
/* Button */
.bn-add span, .bn-add, .bn-hot span, .bn-hot, .bn-std span, .bn-std { display:inline-block;display:-moz-inline-stack;*zoom:1;height:22px;line-height:0;font-size:0;padding-left:3px;vertical-align:middle;overflow:hidden; }
.bn-hot span, .bn-hot { height:24px; }
.bn-add, .bn-add span, .bn-hot, .bn-hot span, .bn-std span, .bn-std, x:default { display:inline-block;}
.bn-add span, .bn-hot span, .bn-std span { padding:0 8px 0 5px; background: url(/pics/core.png) no-repeat 100% 0;line-height:23px;font-size:12px;cursor:pointer; }
.bn-hot span { background-position: 100% -23px;line-height:24px; }
.bn-add span { background-position: 100% -71px;padding-right:15px; }
a.bn-std:link, a.bn-std:visited, a.bn-std:hover, a.bn-std:active { background: url(/pics/core.png) no-repeat 0 0;color:#000; } 
a.bn-hot:link, a.bn-hot:visited, a.bn-hot:hover, a.bn-hot:active { background: url(/pics/core.png) no-repeat 0 -23px;color:#eb928c; } 
a.bn-add:link, a.bn-add:visited, a.bn-add:hover, a.bn-add:active { background: url(/pics/core.png) no-repeat 0 -71px;color:#9e9e9e;padding-left:25px; } 
a.bn-hot:hover, a.bn-hot:active { background-position: 0 -47px; }
a.bn-hot:hover span, a.bn-hot:active span { background-position: 100% -47px;color:#f4473b; }
#db-usr-profile .info ul .sep { margin-left: -8px; margin-right: 4px; color: #eee }
/*edit by everbird-end*/
.infobox .ex2, .infobox .ex1 { clear:both;height:5px;line-height:0;font-size:0;margin-left:5px;background:url(/pics/info_bg.png) no-repeat 100% 0; }
.infobox .ex2 span, .infobox .ex1 span { position:relative;display:block;margin-left:-5px;width:5px;height:5px;overflow:hidden;background:url(/pics/info_bg.png) no-repeat 0 0; }
.infobox .ex2 { background-position: 100% -5px; }
.infobox .ex2 span { background-position: 0 -5px; }
.infobox .bd { word-wrap:break-word;padding:4px 9px;background:#fff6ed;border:1px solid #faefe3;border-width:0 1px;*display:inline-block; }
.infobox .bd:after { content:"\0020";display:block;clear:both; }

/* new user guide */
#miniblog_guide { position: relative; left: 0; top: 0; color: #31323b; background: #fff6ed; padding: 12px; margin-bottom: 15px; zoom: 1 }
#miniblog_guide a.close { color: #31323b; padding: 0 5px; position: absolute; right: 7px; top: 12px }
#miniblog_guide a.close:hover { color: #31323b; background: #fff6ed }

.notification-items ul.old{color:#808080;}
.notification-items li{padding:6px 10px 4px;}
.notification-items li.date{font-size:14px;color:#060;padding-left:0;}
.notification-items ul.new li{background:#ffe;}
.notification-items ul.new li.date{background:none;}
.notification-items a.discard {float: right; color:#ccc; padding: 0 6px;}
.notification-items a:hover, .notification-items a:active { color:#fff; background:#ccc; }

/* for subject detail edit */
.input-list { width: auto; position: absolute; padding: 3px 0; border: 1px solid #ddd; border-top: 1px solid #eee; background: #fff }
.input-list li { cursor: pointer; padding: 3px 10px }
.input-list li:hover { color: #000; background: #eee }
.list-radio li { margin: 0 0 20px }
.desc-radio { float: left; margin: 5px 5px 0 }
.sub-desc, .full-desc { float: left; margin: 0; width: 400px }
.full-desc { display: none }
.cust-desc { padding: 5px; width: 400px; height: 100px }

/* for create event */
.warn_info {border:1px solid #FAEFE3;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.warn_info {background-color:#FFF6ED;padding:5px;margin-bottom:23px;}
.event_warn {margin-bottom:20px;color:gray;}

/* doubi */
.donated-success { color:#5a7e59;background:url(/pics/ic_dz.png) no-repeat 0 50%;padding-left:12px; }
.donated-fail { color:#fab0b6; }
.dou-tip { width:230px;text-align:center; }
.btn-donate { display:inline-block;*display:inline;zoom:1;padding:0 8px;vertical-align:middle;*vertical-align:baseline;height:19px;line-height:19px;line-height:21px\9;overflow:hidden;border:1px solid #edceba;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
a.btn-donate:link,
a.btn-donate:visited { border-color:#f2ece7;background-color:#fff6ee;color:#99776b; }
a.btn-donate:hover,
a.btn-donate:active { border-color:#edceba;background-color:#fff0e2;color:#99776b; }
.dou-tip .frm-item { position:relative;margin-bottom:5px;text-align:left;color:#666; }
.dou-tip .frm-item label { position:absolute;left:4px;top:0;top:2px\9;line-height:1.6;cursor:text;color:#999; }
.dou-tip .frm-item input { padding:2px;width:96%;border:1px solid #ddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
.dou-tip .frm-item input:focus { border-color:#aaa; }
.dou-tip b { font-weight:300;color:#ff201a; }
.dou-tip p { color:#666;margin:0;text-align:left; }
.dou-tip .frm-submit .bn-flat { margin-right:1em; }
.dou-tip .bn-flat input { height:22px;padding:0 5px; }

.source-icon { vertical-align: text-top }
.source-icon:hover { background: none }

.more_event{margin-bottom:20px}

/* multiupload photos */
.photo-complete { margin-bottom: 15px; padding: 15px 20px 1px; background: #f8f8f8 }
.photo-item { margin-bottom: 15px }
.photo-item .cover,
.photo-item .intro { display: inline-block; *display: inline; zoom: 1 }
.photo-item .cover { margin-right: 10px; vertical-align: top }
.photo-item .cover a { text-align: center; width: 100px; display: block; margin-bottom: -3px }
.photo-item .cover a:hover { background: none }
.photo-item .choose-cover { text-align: center }
.photo-item .intro p { text-align: right; margin: 0 }
.photo-item .intro textarea { color: #666; width: 424px; margin-bottom: 3px\9; padding: 5px; height: 90px; border: 1px solid #ddd }
.submit-area { text-align: center }

a.create-new-album:hover { background: none }
